Toggle

Un bouton à deux états.

BetaWhoa UI est en bêta : certains éléments peuvent encore changer. Un bug ? Écrivez-moi à hello@ugolin-olle.com.

toggle.tsx

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

Animation

Même retour d'appui que Button (scale(0.97), 120 ms) et couleur animée entre les états.

Les jetons et les règles communes sont décrits sur la page Motion.

Le composant fait partie des primitives shadcn/ui sur Base UI.

bunx --bun shadcn@latest add toggle

Ou depuis le paquet npm :

import { Toggle } from '@whoa-studio/ui/toggle';

Exports : Toggle.