npm install @pikas-ui/toggle-group

yarn add @pikas-ui/toggle-group

pnpm add @pikas-ui/toggle-group

import { ToggleGroup, ToggleGroupData } from '@pikas-ui/toggle-group';
import { IconByName, IconProps } from '@pikas-ui/icons';
import { FC } from 'react';

const IconBaguetteExample: FC<IconProps> = (props) => (
  <IconByName {...props} name="bx:baguette" />
);

const IconBowlRiceExample: FC<IconProps> = (props) => (
  <IconByName {...props} name="bx:bowl-rice" />
);

const IconCookieExample: FC<IconProps> = (props) => (
  <IconByName {...props} name="bx:cookie" />
);

const data: ToggleGroupData[] = [
  {
    value: 'baguette',
    Icon: IconBaguetteExample,
  },
  {
    value: 'bowl-rice',
    Icon: IconBowlRiceExample,
  },
  {
    value: 'cookie',
    Icon: IconCookieExample,
    disabled: true,
  },
]

const Example: React.FC = () => {
  return (
    <ToggleGroup
      type="single"
      data={data}
      defaultValue="baguette"
      onValueChange={(value) => console.log(value)}
    />
  );
};