Input Group
Input wrapper with prefix/suffix addon slots for icons and buttons.
Generated from the package's public source.
API
Inputcomponent
Input(props: InputProps): Element
Props
class?stringdefaultValue?string— Default value (uncontrolled).disabled?booleanid?string— Element id for label association.invalid?booleanname?string— Form field name.onBlur?EventHandler<HTMLInputElement, FocusEvent>— Native blur event handler.onFocus?EventHandler<HTMLInputElement, FocusEvent>— Native focus event handler.onInput?EventHandler<HTMLInputElement, InputEvent>— Native input event handler.onValueChange?(value: string) => void— Called when the value changes.placeholder?string— Input placeholder text.readOnly?booleanrequired?booleanstyle?string | CSSPropertiestype?"number" | "text" | "email" | "password" | "search" | "tel" | "url"— HTML input type.value?string— Current input value (controlled).
InputGroupRootPropsinterface
Props
class?stringdisabled?booleaninvalid?booleanstyle?string | CSSProperties
children: Element
InputPropsinterface
Props
class?stringdefaultValue?string— Default value (uncontrolled).disabled?booleanid?string— Element id for label association.invalid?booleanname?string— Form field name.onBlur?EventHandler<HTMLInputElement, FocusEvent>— Native blur event handler.onFocus?EventHandler<HTMLInputElement, FocusEvent>— Native focus event handler.onInput?EventHandler<HTMLInputElement, InputEvent>— Native input event handler.onValueChange?(value: string) => void— Called when the value changes.placeholder?string— Input placeholder text.readOnly?booleanrequired?booleanstyle?string | CSSPropertiestype?"number" | "text" | "email" | "password" | "search" | "tel" | "url"— HTML input type.value?string— Current input value (controlled).
Prefixcomponent
Prefix(props: PrefixProps): Element
Props
class?stringstyle?string | CSSProperties
children: Element
PrefixPropsinterface
Props
class?stringstyle?string | CSSProperties
children: Element
Rootcomponent
Root(props: InputGroupRootProps): Element
Props
class?stringdisabled?booleaninvalid?booleanstyle?string | CSSProperties
children: Element
Suffixcomponent
Suffix(props: SuffixProps): Element
Props
class?stringstyle?string | CSSProperties
children: Element
SuffixPropsinterface
Props
class?stringstyle?string | CSSProperties
children: Element