<div class="space-y-4 max-w-sm">
<ui-input type="text" placeholder="Default input"></ui-input>
<ui-input type="email" placeholder="Email address"></ui-input>
<ui-input type="password" placeholder="Password"></ui-input>
<ui-input disabled placeholder="Disabled input"></ui-input>
</div>
<ui-input>
<ui-input>| Prop | Type | Default | Description |
|---|---|---|---|
type | string | "text" | The input type (text, email, password, etc.). |
placeholder | string | — | Placeholder text. |
disabled | boolean | false | Whether the input is disabled. |
All components also accept standard HTML attributes (class, id, style, data-*, aria-*, etc.) which are passed through to the underlying element.