Foundation
Input
Base text input primitive. Other inputs (SearchInput, NumberInput, etc.) compose this.
Examples
Basic
<Input bind:value placeholder="Steve" />Pill shape
<Input shape="pill" placeholder="Pill" />Sizes
<Input size="sm" placeholder="Small" />
<Input placeholder="Default" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | '' | Bindable value. Use bind:value. |
shape | 'pill' | 'rounded' | 'square' | 'rounded' | Corner shape. |
size | 'sm' | 'md' | 'md' | Height tier. |
leading | Snippet | — | Inline adornment slot on the left (icon, prefix). |
trailing | Snippet | — | Inline adornment slot on the right (clear, kbd hint). |
inputClass | string | — | Class applied to the inner <input> element. |
...rest | HTMLInputAttributes | — | Spread onto the underlying <input>. |
Install
CLI
npx @a3tai/mittsu add input