children?ReactNodeinvalid?booleanfalseref?Ref<HTMLInputElement>type?TextInputType'text'| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
invalid? | boolean | false |
ref? | Ref<HTMLInputElement> | - |
type? | TextInputType | 'text' |
Type base (some attrs are managed internally): InputHTMLAttributes<HTMLInputElement>
import { TextField } from '@k8ordo/ui';<TextField
disabled={false}
invalid={false}
required={false}
/><TextField
disabled={false}
invalid={false}
required={false}
placeholder="Enter your name"
/><TextField placeholder="[email protected]" type="email" />
<TextField placeholder="090-0000-0000" type="tel" /><TextField
disabled
invalid={false}
required={false}
placeholder="Disabled field"
/><TextField
disabled={false}
invalid
required={false}
defaultValue="invalid value"
/>