Componenti
Ogni componente si basa su elementi nativi ed è documentato con esempi dal vivo, la sua API e il suo comportamento da tastiera.
Avatar
La foto di una persona, o le sue iniziali su un colore che è sempre il suo.
Breadcrumbs
Il percorso di pagine che porta a quella corrente.
Button
Azioni e link, con lo stile applicato a elementi button e anchor nativi.
Calendario
Scegli un giorno, un intervallo o più giorni, anche da tastiera.
Carosello
Slide in fila che scorrono e si agganciano, con pulsanti, puntini e rotazione.
Chat
Parla con un modello: risposte in streaming, tool, versioni e file.
Selettore di colore
Un colore in OKLCH, su un’area o una ruota, con campioni, contagocce e verifica del contrasto.
Combobox
Un campo di testo che suggerisce opzioni mentre scrivi.
Palette dei comandi
Ogni comando della tua app, a portata di tasto.
Selettore di data
Digita una data o un’ora a segmenti, o sceglila in un calendario.
Dialog
Una finestra modale sull’elemento dialog nativo, con il focus gestito dal browser.
Dropzone
Trascina i file o sceglili, con controlli, anteprime e caricamenti con avanzamento.
Editor di testo formattato
Intestazioni, elenchi, link e formattazione, con barra degli strumenti e Markdown mentre scrivi.
Stato vuoto
Cosa mostrare quando non c’è niente da mostrare, e come uscirne.
Griglia dati
Ordina, filtra, raggruppa, modifica ed esporta un numero qualsiasi di righe.
Markdown
Renderizza Markdown in modo sicuro, anche mentre arriva in streaming.
Maschera di input
Campi di testo che si formattano mentre si digita: date, carte, IBAN, codici.
Menu
Un elenco di azioni a comparsa, con sottomenu, voci selezionabili e pieno supporto da tastiera.
Campo numerico
Un input numerico con pulsanti di incremento, formattato per ogni locale.
Campo OTP
Codici di verifica in caselle separate, su un unico input reale.
Campo telefono
Un selettore del paese e un numero, raggruppato come lo scrive quel paese.
Popover
Pannelli flottanti accanto a un pulsante e tooltip ricchi al passaggio del mouse.
Valutazione
Stelle per dare un voto, su veri radio button.
Pianificatore
Eventi in un mese, una settimana, un giorno, un’agenda o una timeline di sale e persone, trascinati al loro posto.
Select
Scegli una o più opzioni, da un elenco breve o enorme.
Skeleton
Segnaposto che mantengono il layout mentre il contenuto si carica.
Splitter
Pannelli affiancati o impilati, con maniglie per ridimensionarli.
Toast
Brevi messaggi che si impilano, si scartano con uno swipe e non rubano mai il focus.
Tour
Una card per ogni passaggio, accanto a ciò di cui parla, con il resto della pagina oscurato.