Multi Select

import { MultiSelect } from '@editora/ui-react';

<MultiSelect
  label="Notify teams"
  placeholder="Choose recipients"
  clearable
  selectionIndicator="check"
  variant="soft"
  radius={12}
  options={[
    { label: 'Core', options: [{ value: 'ops', label: 'Operations' }, { value: 'eng', label: 'Engineering' }] },
    { value: 'support', label: 'Support' }
  ]}
  onValueChange={(value) => console.log(value)}
/>;

Key Props

options, value, placeholder, label, description, error, name, required, disabled, readOnly, loading, loadingText, clearable, maxSelections, renderLimit, selectionIndicator, variant, tone, density, radius, elevation, size, onChange, onValueChange

Notes

• options accepts both flat options and grouped option sections.
• The component is controlled through value; there is no separate search callback prop in the wrapper.
• size supports sm|md|lg and numeric aliases 1|2|3.
• radius accepts semantic values like full or numbers like 12.