Pattern library

Un piccolo campionario di componenti

Ad oggi questa sezione si presenta in modo molto semplice ed essenziale: non una libreria sterminata, ma un piccolo campionamento di componenti usati di frequente nelle casistiche di tutti i giorni.

L'obiettivo è offrirti un primo approccio pratico a elementi comuni di interfaccia — come un menu, un form, una card o un indice di lettura — strutturati con un codice pulito e attento all'accessibilità.

Puoi usarli come punto di partenza da studiare, smontare e manipolare a tuo piacimento, adattandoli passo dopo passo alle necessità dei tuoi progetti. Ogni pagina include una demo interattiva, alcune note d'uso e il codice sorgente pronto da consultare.

Al momento ci sono l'indice di lettura che segue lo scorrimento della pagina, la card contenuto, l'header accessibile con il menu mobile e il form validato. Sono scritti per essere letti prima che copiati, quindi accanto al codice trovi anche il motivo di certe scelte: gli attributi ARIA, la gestione del focus da tastiera nel menu, gli stati di errore nel form. Le proprietà che vedi in uso sono spiegate una per una nel glossario CSS.