پرتوپرتو

گروه تاگل (Toggle Group)

گروهی از دکمه‌های toggle

معرفی

کامپوننت ToggleGroup برای گروه‌بندی دکمه‌های toggle استفاده می‌شود.

استفاده

import { ToggleGroup, ToggleGroupItem } from '@parto/ui';

export default function MyComponent() {
  return (
    <ToggleGroup type="single">
      <ToggleGroupItem value="left">چپ</ToggleGroupItem>
      <ToggleGroupItem value="center">وسط</ToggleGroupItem>
      <ToggleGroupItem value="right">راست</ToggleGroupItem>
    </ToggleGroup>
  );
}

چند انتخابی

<ToggleGroup type="multiple">
  <ToggleGroupItem value="bold">Bold</ToggleGroupItem>
  <ToggleGroupItem value="italic">Italic</ToggleGroupItem>
  <ToggleGroupItem value="underline">Underline</ToggleGroupItem>
</ToggleGroup>