account_circle Create an account
States
Svelte
<script lang="ts">
let email: string = $state("");
</script>
<Input
bind:value={email}
type="email"
label="Email"
placeholder="you@example.com"
hint="We'll never share your email"
/> API
| Prop | Type | Default |
|---|---|---|
| value | string | "" |
| type | "text" | "email" | "password" | "number" | "search" | "tel" | "url" | "text" |
| placeholder | string | "" |
| label | string | β |
| hint | string | β |
| error | string | β |
| success | string | β |
| size | "sm" | "md" | "lg" | "md" |
| disabled | boolean | false |
| readonly | boolean | false |
| required | boolean | false |
| name | string | β |
| id | string | β |
| leading | Snippet | β |
| trailing | Snippet | β |
Prop value
Type
stringDefault
""Prop type
Type
"text" | "email" | "password" | "number" | "search" | "tel" | "url"Default
"text"Prop placeholder
Type
stringDefault
""Prop label
Type
stringDefault
βProp hint
Type
stringDefault
βProp error
Type
stringDefault
βProp success
Type
stringDefault
βProp size
Type
"sm" | "md" | "lg"Default
"md"Prop disabled
Type
booleanDefault
falseProp readonly
Type
booleanDefault
falseProp required
Type
booleanDefault
falseProp name
Type
stringDefault
βProp id
Type
stringDefault
βProp leading
Type
SnippetDefault
βProp trailing
Type
SnippetDefault
β