Benvenuto
Tema Astro minimale con web component Dev Kit Italia e Bootstrap Italia.
Web component per la PA
Un tema Astro minimale che usa i web component di Dev Kit Italia per costruire interfacce conformi alle linee guida di design.
Questo è un tema Astro minimale che usa i web component di Dev Kit Italia
(<it-*>) per l'interfaccia, con gli stili di Bootstrap
Italia.
PoC - Alpha
Questo tema usa Dev Kit Italia in versione alpha.
Componenti e API possono cambiare prima della release stabile. Non usare in produzione senza verificare lo stato upstream.
Accordion — web component
I tag <it-accordion> funzionano direttamente nell'HTML di
Astro, senza bisogno di JavaScript custom:
Astro genera HTML statico. Dev Kit Italia registra i custom element
tramite elements.js. Il browser li attiva
automaticamente quando il DOM è pronto.
No! Astro importa direttamente i CSS e JS da node_modules
tramite Vite. Basta npm install e sei pronto.
Sì — Astro genera file statici. Puoi deployare su Netlify, Vercel, GitHub Pages, Cloudflare Pages, o qualsiasi hosting statico.
Alert — HTML classico Bootstrap Italia
I componenti che non hanno un web component <it-*> si usano
con il markup HTML classico di Bootstrap Italia:
Video — web component
Il componente <it-video> integra un player video accessibile
basato su Video.js, con supporto per sottotitoli e trascrizione.
Video di terze parti — YouTube
È possibile incorporare video da piattaforme esterne come YouTube. Il componente mostra automaticamente un overlay di consenso per la privacy.
Componenti misti
Puoi mischiare web component e HTML classico nella stessa pagina.
Card semplici
Card BSI classica
Questa usa il markup HTML di Bootstrap Italia.
Card con immagini
Card BSI con immagine
Markup HTML classico Bootstrap Italia con immagine in rapporto 16x9.