Button
Command Button Base UI con surface opache, focus immediato e feedback Motion interrompibile.
import { Button } from '@qoovex/ui/components/button'Core variants
Le cinque variant condividono geometria e materialità, mantenendo gerarchia e semantica proprie.
Default
Secondary
Outline
Ghost
Destructive
Disabled
Dimensioni
Attivazioni:
Keyboard focus
Usa Tab e Shift+Tab: l’outline P003 appartiene al vero root interattivo e non viene trasformato dalla surface Motion.
Usa Tab per verificarlo
Attivazioni da tastiera:
Interactive loading
Click avvia davvero il pending. Label e loader condividono la stessa cella; il contenuto originale resta geometry owner.
Nessun movimento del Button o dei sibling
PrimaDopo
Stato: · Invii:
Directional icon
La freccia spinge delicatamente la superficie. Indietro precede il testo; avanti lo segue.
Indietro e avanti
Magnetic CTA
Avvicina il mouse ai lati della CTA: superficie e contenuto seguono leggermente il puntatore. Il target resta fermo; touch e reduced motion non usano magnetismo.