ToggleGroupExample() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ToggleGroupExample() — ui Function Reference

Dependency Diagram

graph TD
  d5fa6071_8ba2_327c_7972_fc8f59257ee8["ToggleGroupExample()"]
  9d75b38c_5fd6_f22c_f903_b0d70c7a92d2["toggle-group-example.tsx"]
  d5fa6071_8ba2_327c_7972_fc8f59257ee8 -->|defined in| 9d75b38c_5fd6_f22c_f903_b0d70c7a92d2
  style d5fa6071_8ba2_327c_7972_fc8f59257ee8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/toggle-group-example.tsx lines 29–49

export default function ToggleGroupExample() {
  return (
    <ExampleWrapper>
      <ToggleGroupBasic />
      <ToggleGroupOutline />
      <ToggleGroupOutlineWithIcons />
      <ToggleGroupSizes />
      <ToggleGroupSpacing />
      <ToggleGroupWithIcons />
      <ToggleGroupFilter />
      <ToggleGroupDateRange />
      <ToggleGroupSort />
      <ToggleGroupWithInputAndSelect />
      <ToggleGroupVertical />
      <ToggleGroupVerticalOutline />
      <ToggleGroupVerticalOutlineWithIcons />
      <ToggleGroupVerticalWithSpacing />
      <ToggleGroupFontWeightSelector />
    </ExampleWrapper>
  )
}