Button : composant React pour shadcn/ui

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

button.tsx

'use client';import { Button } from '@/components/ui/button';export default function Demo() {  return (    <div className="flex flex-wrap justify-center gap-2">      <Button>Default</Button>      <Button variant="secondary">Secondary</Button>      <Button variant="outline">Outline</Button>      <Button variant="ghost">Ghost</Button>      <Button variant="destructive">Destructive</Button>    </div>  );}

Animation

L'appui réduit le bouton à scale(0.97) en 120 ms ; seules les propriétés utiles sont animées (jamais transition-all). Sous prefers-reduced-motion, la mise à l'échelle est supprimée.

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

Installation

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

bunx --bun shadcn@latest add button

Ou depuis le paquet npm :

import { Button } from '@whoa-studio/ui/button';

Exports : Button, buttonVariants.