Toggle

Installation

Run the Ninaero registry command to install the component and its dependencies, including shared theme styles.

pnpm dlx shadcn@latest add 'https://ninaero.pages.dev/r/toggle.json'

Usage

A complete example using the installed component and hook paths.

"use client";import { Toggle } from "@/components/ui/toggle";function TogglePreview() {  return (    <Toggle variant="outline" defaultPressed>      Bold    </Toggle>  );}export default function Demo() {  return <TogglePreview />;}

API Reference

Ninaero exports and local defaults are listed below. See the upstream reference for inherited primitive props and additional composition examples.

TogglePrimitive.Props & VariantProps<typeof toggleVariants> & { sound?: boolean }

Source