---
title: Input
airtableId: rec2yv97ak5hv3kIL
---
import { Input } from "@calcom/ui/components/form"
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { StatesExample } from "./input.states"
import { TypesExample } from "./input.types"
import { WidthsExample } from "./input.widths"
import { ValuesExample } from "./input.values"

## States

Input fields in different states: default, disabled, and readonly.

<StatesExample/>

## Types

Different types of input fields for various data types.

<TypesExample/>

## Widths

Input fields with different width configurations.

<WidthsExample/>

## With Values

Input fields with default values and placeholders.

<ValuesExample/>