Input
The Input component is the standard text field in Mosaic. It uses a fixed height (shadcn-style) with size and disabled variants.
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | |
| className | string | — | — |
| style | CSSProperties | — | — |
Usage
The snippet below reflects the props selected in the table above — change a prop and it updates here.
import { Input } from '@clerk/ui/mosaic/components/input';
<Input
size='md'
placeholder='Enter text…'
/>