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

Installation

pnpm dlx FlowbyAr@latest add toggle

Usage

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

Outline

Use variant="outline" for an outline style.

With Text

Size

Use the size prop to change the size of the toggle.

Disabled

RTL

To enable RTL support in FlowbyAr/ui, see the RTL configuration guide.

API Reference

See the Radix Toggle documentation.