Atoms

Toggle

A two-state button that can be toggled on or off.

shadcn/uiBased on shadcn/ui with Formance brand styling.

Installation#

npx shadcn@latest add @formance/toggle

npm install class-variance-authority radix-ui

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

<Toggle aria-label="Toggle italic">
  <Italic className="h-4 w-4" />
</Toggle>