ToggleDemo() — ui Function Reference

Architecture documentation for the ToggleDemo() function in toggle-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ToggleDemo() — ui Function Reference

Dependency Diagram

graph TD
  8da100ea_3190_94a8_0bf5_13336e8c7d08["ToggleDemo()"]
  ca15446b_ee62_9910_8da6_afd3b039427e["toggle-demo.tsx"]
  8da100ea_3190_94a8_0bf5_13336e8c7d08 -->|defined in| ca15446b_ee62_9910_8da6_afd3b039427e
  style 8da100ea_3190_94a8_0bf5_13336e8c7d08 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/toggle-demo.tsx lines 4–11

export function ToggleDemo() {
  return (
    <Toggle aria-label="Toggle bookmark" size="sm" variant="outline">
      <BookmarkIcon className="group-aria-pressed/toggle:fill-foreground" />
      Bookmark
    </Toggle>
  )
}