IconButton
Un solo linguaggio icon-only: il controllo possiede interazione e accessibilità; il glyph comunica direzione, stato o lifecycle. Punta, premi e attiva ogni esempio.
import { IconButton } from '@qoovex/ui/components/icon-button'Materiale e misura
Le varianti condividono hitbox, focus e geometria. Le tre misure cambiano soltanto il volume visuale.
default
secondary
outline
ghost
destructive
xs
sm
default
Direzione
Le quattro frecce comunicano una direzione: la surface si lascia spingere dal glyph senza muovere hitbox o sibling.
0
Stato e comando
Lo stato cambia nello stesso slot. Il salvataggio simula una breve operazione: lo spinner prende il posto dell’icona e il comando torna disponibile al termine.
Non fissato
QVX-204
Lifecycle e accessibilità
Active, caricamento permanente, Fissa e disabled. La selezione di Fissa persiste; il focus reale segue Tab e resta distinto dalla selezione.
active
loading
focus
disabled