Toggle Intent

PreviousNext

toggle-intent-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/buttons/toggle/toggle-intent-demo.tsx
"use client"

import { Toggle } from "@/components/ui/toggle"

export default function ToggleIntentDemo() {
  return (
    <div className="flex gap-2">
      <Toggle intent="outline">{({ isSelected }) => <>{isSelected ? "Unpin" : "Pin"}</>}</Toggle>
      <Toggle intent="plain">{({ isSelected }) => <>{isSelected ? "Unpin" : "Pin"}</>}</Toggle>
    </div>
  )
}

Installation

npx shadcn@latest add @intentui/toggle-intent-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.