Choice Chips

ChoiceChips

Shared wrapping choice control for compact presets and granularities.

export function ChoiceChips<T extends ChoiceChipValue = ChoiceChipValue>({
  value,
  options,
  onChange,
  ariaLabel,
  appearance = 'soft',
  size = 'medium',
  className = '',
  itemClassName = '',
  disabled = false,
  testId,
}: ChoiceChipsProps<T>): any;

---

ChoiceChipValue

export type ChoiceChipValue = string | number;

---

ChoiceChipOption

export type ChoiceChipOption<T extends ChoiceChipValue = ChoiceChipValue> = {
  value: T;
  label: any;
  ariaLabel?: string;
  title?: string;
  disabled?: boolean;
  className?: string;
  style?: any;
  testId?: string;
};

---

ChoiceChipsProps

export type ChoiceChipsProps<T extends ChoiceChipValue = ChoiceChipValue> = {
  value?: T | readonly T[];
  options: readonly ChoiceChipOption<T>[];
  onChange: (value: T, option: ChoiceChipOption<T>) => void;
  ariaLabel: string;
  appearance?: 'soft' | 'outlined';
  size?: 'small' | 'medium';
  className?: string;
  itemClassName?: string;
  disabled?: boolean;
  testId?: string;
};