Installation
pnpm add @viliha/vui-uiThen import from @viliha/vui-ui/toggle.
Usage
toggle-demo.tsx
import { Toggle } from "@viliha/vui-ui/toggle";
import { FontBoldIcon } from "@radix-ui/react-icons";
export function Example() {
return (
<Toggle aria-label="Toggle bold">
<FontBoldIcon />
</Toggle>
);
}API Reference
Built on the Radix Toggle primitive.
| Prop | Type | Default |
|---|---|---|
| variant | "default" | "outline" | "default" |
| size | "default" | "sm" | "lg" | "default" |
| pressed | boolean | — |
| onPressedChange | (pressed: boolean) => void | — |