ToggleDemo() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ToggleDemo() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/toggle-demo.tsx lines 5–17

export default function ToggleDemo() {
  return (
    <Toggle
      aria-label="Toggle bookmark"
      size="sm"
      variant="outline"
      className="data-[state=on]:bg-transparent data-[state=on]:*:[svg]:fill-blue-500 data-[state=on]:*:[svg]:stroke-blue-500"
    >
      <BookmarkIcon />
      Bookmark
    </Toggle>
  )
}