ToggleGroup

import { useState } from 'react';
import { ToggleGroup } from '@vrum/ui';
import { ToggleGroupItem } from '@vrum/ui';

export default function Demo() {
  const [value, setValue] = useState(["bold"]);

  return (
    <ToggleGroup
      type={"multiple"}
      value={value}
      variant={"outline"}
      size={"md"}
      spacing={4}
      aria-label={"Formatting"}
      onValueChange={setValue}
    >
      <ToggleGroupItem value="bold" aria-label="Bold">B</ToggleGroupItem>
      <ToggleGroupItem value="italic" aria-label="Italic">I</ToggleGroupItem>
      <ToggleGroupItem value="underline" aria-label="Underline">U</ToggleGroupItem>
    </ToggleGroup>
  );
}