Toggle Group

Toggle Group is a Chord form component built from Base UI primitives and project tokens.

import ToggleGroup from "@/components/public/ToggleGroup";import Toggle from "@/components/public/Toggle";import {  TextAlignCenterIcon,  TextAlignLeftIcon,  TextAlignRightIcon,} from "@phosphor-icons/react/dist/ssr";<ToggleGroup defaultValue={["left"]}>  <Toggle value="left" className="border-0">    <TextAlignLeftIcon size={16} weight="bold" />  </Toggle>  <Toggle value="center" className="border-0">    <TextAlignCenterIcon size={16} weight="bold" />  </Toggle>  <Toggle value="right" className="border-0">    <TextAlignRightIcon size={16} weight="bold" />  </Toggle></ToggleGroup>