Multi Selector
Multi-select dropdown with checkbox items and search filtering.
Generated from the package's public source.
API
Contentcomponent
Content(props: MultiSelectorContentProps): Element
children: Element
Itemcomponent
Item(props: MultiSelectorItemProps): Element
Props
disabled?boolean— Disabled state.textValue?string— Display/search text. Defaults to value.valuestring— Unique value for this item.
children: Element
ItemIndicatorcomponent
ItemIndicator(props: MultiSelectorItemIndicatorProps): Element
children: Element
MultiSelectorContentPropsinterface
children: Element
MultiSelectorItemIndicatorPropsinterface
children: Element
MultiSelectorItemPropsinterface
Props
disabled?boolean— Disabled state.textValue?string— Display/search text. Defaults to value.valuestring— Unique value for this item.
children: Element
MultiSelectorRootPropsinterface
Props
class?string— CSS class name.defaultOpen?boolean— Default open state when uncontrolled.defaultValue?string[]— Default selected keys (uncontrolled).disabled?boolean— Disabled state.id?string— Element id.invalid?boolean— Invalid state.name?string— Form field name for hidden input.onOpenChange?(open: boolean) => void— Called when open state changes.onValueChange?(values: string[]) => void— Called when selection changes.open?boolean— Controlled open state.placeholder?string— Placeholder text when no items are selected.readOnly?boolean— Read-only state.required?boolean— Required state.value?string[]— Controlled selected keys.
children: Element
MultiSelectorSearchInputPropsinterface
Props
onValueChange?(value: string) => void— Called when search value changes.placeholder?string— Placeholder for the search input.value?string— Controlled search value.
MultiSelectorTagListPropsinterface
children: Element
MultiSelectorTagPropsinterface
Props
valuestring— The value of the item this tag represents.
children: Element
MultiSelectorTagRemovePropsinterface
children: Element
MultiSelectorTriggerPropsinterface
Props
aria-label?string— Accessible name for the combobox trigger. Required by ARIA for role="combobox".
children: Element
Rootcomponent
Root(props: MultiSelectorRootProps): Element
Props
class?string— CSS class name.defaultOpen?boolean— Default open state when uncontrolled.defaultValue?string[]— Default selected keys (uncontrolled).disabled?boolean— Disabled state.id?string— Element id.invalid?boolean— Invalid state.name?string— Form field name for hidden input.onOpenChange?(open: boolean) => void— Called when open state changes.onValueChange?(values: string[]) => void— Called when selection changes.open?boolean— Controlled open state.placeholder?string— Placeholder text when no items are selected.readOnly?boolean— Read-only state.required?boolean— Required state.value?string[]— Controlled selected keys.
children: Element
SearchInputcomponent
SearchInput(props: MultiSelectorSearchInputProps): Element
Props
onValueChange?(value: string) => void— Called when search value changes.placeholder?string— Placeholder for the search input.value?string— Controlled search value.
Tagcomponent
Tag(props: MultiSelectorTagProps): Element
Props
valuestring— The value of the item this tag represents.
children: Element
TagListcomponent
TagList(props: MultiSelectorTagListProps): Element
children: Element
TagRemovecomponent
TagRemove(props: MultiSelectorTagRemoveProps): Element
children: Element
Triggercomponent
Trigger(props: MultiSelectorTriggerProps): Element
Props
aria-label?string— Accessible name for the combobox trigger. Required by ARIA for role="combobox".
children: Element