Get Started

MultiSelector

Astryx documentation

Selects multiple values using standard option and selected-value rendering.

longlink docs --component "MultiSelector"
MultiSelector [Form]
Props and types
declare function MultiSelector(
    props: FieldProps & {
        options: SelectorOptionType[];
        value: string[];
        onChange: (value: string[]) => void;
        placeholder?: string;
        size?: 'sm' | 'md' | 'lg';
        hasSelectAll?: boolean;
        hasSearch?: boolean;
        isReadOnly?: boolean;
        htmlName?: string;
        hasClear?: boolean;
    },
): React.JSX.Element;
function Example() {
  const [value, setValue] = useState(['design']);
​
  return (
    <MultiSelector
      label="Teams"
      options={['design', 'engineering']}
      value={value}
      onChange={setValue}
      hasSearch
    />
  );
}