oneslash-design-system

Select

A dropdown component that allows users to select one or multiple options from a list.

Select an option

Select with icon

Select multiple

Select with deco icon

Disabled select

interface SelectOption {
  value: string;
  label: string;
  iconName?: string;
}

interface SelectProps {
  value?: string | string[];
  options: SelectOption[];
  onChange?: (value: string | string[]) => void;
  disabled?: boolean;
  placeholder?: string;
  decoIconName?: string;
  width?: number | string;
  multiple?: boolean;
  className?: string;
}