Tokenizer
Tag/token input for managing multiple values with keyboard support.
Generado a partir del código fuente público del paquete.
API
Inputcomponente
Input(props: TokenizerInputProps): Element
Propiedades
class?stringonBlur?EventHandler<HTMLInputElement, FocusEvent>onFocus?EventHandler<HTMLInputElement, FocusEvent>onInput?EventHandler<HTMLInputElement, InputEvent>onKeyDown?EventHandler<HTMLInputElement, KeyboardEvent>ref?(el: HTMLInputElement) => voidstyle?string | CSSProperties
Rootcomponente
Root(props: TokenizerRootProps): Element
Propiedades
allowDuplicates?boolean— Whether duplicate tokens are allowed. Default: false.class?stringdefaultValue?string[]— Default token values (uncontrolled).delimiter?string | string[]— Characters/keys that trigger token creation. Default: ['Enter', ','].disabled?booleanid?string— Element id.invalid?booleanmax?number— Maximum number of tokens allowed.name?string— Form field name.onTokenAdd?(token: string) => void— Called when a single token is added.onTokenRemove?(token: string, index: number) => void— Called when a single token is removed.onValueChange?(tokens: string[]) => void— Called when the token list changes.placeholder?string— Placeholder for the input.readOnly?booleanrequired?booleanstyle?string | CSSPropertiesvalue?string[]— Controlled list of token values.
hijos: Element
Tokencomponente
Token(props: TokenizerTokenProps): Element
Propiedades
class?stringdisabled?booleanindexnumber— Index of the token in the list.style?string | CSSPropertiesvaluestring— The token value this chip represents.
hijos: Element
TokenizerInputPropsinterfaz
Propiedades
class?stringonBlur?EventHandler<HTMLInputElement, FocusEvent>onFocus?EventHandler<HTMLInputElement, FocusEvent>onInput?EventHandler<HTMLInputElement, InputEvent>onKeyDown?EventHandler<HTMLInputElement, KeyboardEvent>ref?(el: HTMLInputElement) => voidstyle?string | CSSProperties
TokenizerReasontipo
TokenizerRootPropsinterfaz
Propiedades
allowDuplicates?boolean— Whether duplicate tokens are allowed. Default: false.class?stringdefaultValue?string[]— Default token values (uncontrolled).delimiter?string | string[]— Characters/keys that trigger token creation. Default: ['Enter', ','].disabled?booleanid?string— Element id.invalid?booleanmax?number— Maximum number of tokens allowed.name?string— Form field name.onTokenAdd?(token: string) => void— Called when a single token is added.onTokenRemove?(token: string, index: number) => void— Called when a single token is removed.onValueChange?(tokens: string[]) => void— Called when the token list changes.placeholder?string— Placeholder for the input.readOnly?booleanrequired?booleanstyle?string | CSSPropertiesvalue?string[]— Controlled list of token values.
hijos: Element
TokenizerTokenPropsinterfaz
Propiedades
class?stringdisabled?booleanindexnumber— Index of the token in the list.style?string | CSSPropertiesvaluestring— The token value this chip represents.
hijos: Element
TokenizerTokenRemovePropsinterfaz
Propiedades
class?stringstyle?string | CSSProperties
hijos: Element
TokenRemovecomponente
TokenRemove(props: TokenizerTokenRemoveProps): Element
Propiedades
class?stringstyle?string | CSSProperties
hijos: Element