Card
Contenitore primario di superficie per raggruppare informazioni correlate, KPI di cantiere e schede interattive.
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@qoovex/ui/components/card'Card Cantiere (Caso d'Uso Primario)
Scheda Cantiere Interattiva
RM
JOB-SITE #8942-2026
Via Roma 42, Milano (MI)
Ristrutturazione impianto elettrico ed idraulico. Fase 02 in corso.
Importo Stimato Iniziale:€ 45.000,00
Aggiornato 10m fa
Card KPI Finanziario / Totale Saldo
Pagamenti Documentati
€ 124.500,00
rispetto al mese precedente
18 ricevute registrate dalle parti
Varianti di Superficie (Default, Outline, Ghost, Interactive)
Default (Sfondo Card + Ombra Sottile)
Superficie Default
Bordo standard con micro-ombra elevata.
Adatta per pannelli primari e dashboard.
Outline (Sfondo Trasparente)
Superficie Outline
Sfondo neutro per layout nidificati.
Senza elevazione, con solo bordo visibile.
Ghost (Superficie Muted)
Superficie Ghost
Sfondo tenue per contenuti secondari.
Utile per note interne o dettagli opzionali.
Interactive (Hover Reattivo)
Superficie Interactive
Passa il mouse per testare l'effetto lift.
Micro-sollevamento `-translate-y-0.5` con ombra dinamica.