Группа переключателей

ToggleGroup поддерживает управляемый и внутренний выбор, одиночный и множественный режимы, обязательный выбор, отключённые элементы, три размера и настройку уменьшенного движения.

Пример

Интерактивный пример

Использование

Импортируйте компонент из публичной точки входа пакета.

import { ToggleGroup } from "denjs-ui";

const items = [
  { value: "list", label: "List" },
  { value: "grid", label: "Grid" },
];

export function Example() {
  return (
    <ToggleGroup
      aria-label="Layout"
      items={items}
      defaultValue="list"
    />
  );
}