ToggleGroupVertical() — ui Function Reference

Architecture documentation for the ToggleGroupVertical() function in toggle-group-vertical.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ToggleGroupVertical() — ui Function Reference

Dependency Diagram

graph TD
  e1a34645_cda2_2320_601d_f1c48aeb5ce9["ToggleGroupVertical()"]
  f5e80a3a_cd7a_e994_d237_37eee0a26cce["toggle-group-vertical.tsx"]
  e1a34645_cda2_2320_601d_f1c48aeb5ce9 -->|defined in| f5e80a3a_cd7a_e994_d237_37eee0a26cce
  style e1a34645_cda2_2320_601d_f1c48aeb5ce9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/toggle-group-vertical.tsx lines 4–23

export function ToggleGroupVertical() {
  return (
    <ToggleGroup
      multiple
      orientation="vertical"
      spacing={1}
      defaultValue={["bold", "italic"]}
    >
      <ToggleGroupItem value="bold" aria-label="Toggle bold">
        <BoldIcon />
      </ToggleGroupItem>
      <ToggleGroupItem value="italic" aria-label="Toggle italic">
        <ItalicIcon />
      </ToggleGroupItem>
      <ToggleGroupItem value="underline" aria-label="Toggle underline">
        <UnderlineIcon />
      </ToggleGroupItem>
    </ToggleGroup>
  )
}