account_circle Create an account
Min 8 characters

States


We'll never share your email
Invalid email address
Looks good!


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


PropTypeDefault
valuestring""
type"text" | "email" | "password" | "number" | "search" | "tel" | "url""text"
placeholderstring""
labelstringβ€”
hintstringβ€”
errorstringβ€”
successstringβ€”
size"sm" | "md" | "lg""md"
disabledbooleanfalse
readonlybooleanfalse
requiredbooleanfalse
namestringβ€”
idstringβ€”
leadingSnippetβ€”
trailingSnippetβ€”
Prop value
Type string
Default ""
Prop type
Type "text" | "email" | "password" | "number" | "search" | "tel" | "url"
Default "text"
Prop placeholder
Type string
Default ""
Prop label
Type string
Default β€”
Prop hint
Type string
Default β€”
Prop error
Type string
Default β€”
Prop success
Type string
Default β€”
Prop size
Type "sm" | "md" | "lg"
Default "md"
Prop disabled
Type boolean
Default false
Prop readonly
Type boolean
Default false
Prop required
Type boolean
Default false
Prop name
Type string
Default β€”
Prop id
Type string
Default β€”
Prop leading
Type Snippet
Default β€”
Prop trailing
Type Snippet
Default β€”