Toggle Controlled

PreviousNext

toggle-controlled-demo

Docs
intentuipage

Preview

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

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

export default function ToggleControlledDemo() {
  const [isSelected, setSelected] = useState(false)
  return (
    <Toggle isSelected={isSelected} onChange={setSelected}>
      {({ isSelected }) => <>{isSelected ? "Select" : "Not selected"}</>}
    </Toggle>
  )
}

Installation

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

Usage

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