Preview di test. Carica esclusivamente core.css + servizi.css (senza main.css). Verificare che tutti i componenti si rendano correttamente e che non vi siano stili mancanti o override inattesi.

A. Core — Atoms

Button

Chip

Default Categoria: Categoria Tag: Tag

Tipografia

Titolo H1 — rtds-text-xl font-bold

Testo body — Lorem ipsum dolor sit amet consectetur adipisicing elit.

Testo secondario — rtds-text-sm content-02

Link di esempio — rtds-link

B. Core — Molecules

Card

Input field

Accordion

C. 07-widgets — Componenti

Usano classi core (@tab, @input-field, @select-field, @button). Verifica la dipendenza tra i due bundle.

Widget Box

Dato semplice

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Ufficio: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Email: info@example.com

Telefono: 0123456789

Dato semplice con lista

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Widget Nav (usa @tab--borderless da core)

Widget Chip Filters

  • ALESSANDRA NARDINI
  • Data atto inizio: 23/05/2024
  • Oggetto: Atto
  • Tipologia atto: Lorem ipsum dolor sit amet
  • Numero atto - da numero: 12

Widget Composite Field

Legend fieldset
Descrizione campo 1
Descrizione campo 2

Widget Field Row

Ricerca struttura di riferimento

Widget Search (usa @input-field, @select-field, @button da core — test di integrazione più pesante)

Data atto
Anno inizio ricerca - formato gg/mm/aaaa
Anno fine ricerca - formato gg/mm/aaaa
Numero atto
Da numero
A numero
Ricerca esatta del testo inserito
Seleziona nome dell'assessore
Ricerca tipologia atto
Ricerca struttura di riferimento
Ricerca tipologia procedimento
Ricerca struttura di riferimento
Ricerca tipologia procedimento
Ricerca struttura di riferimento
Ricerca tipologia procedimento

D. 08-servizi — Card Smart

Estende @card da core. Verifica il pattern triple fallback CSS (--_card-smart-bg, --_card-smart-border, --_card-smart-shadow).

Standard — complete, accordion, agenda, notifiche

Etichetta check <Codice istanza>
<Nome soggetto>

Stato Stato
<CONTESTO>
<COMUNE>
<CODICE PROCEDIMENTO PRINCIPALE>

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

  • Autore
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00

Stato Stato
<CONTESTO> <COMUNE> <CODICE PROCEDIMENTO PRINCIPALE>

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

  • Autore
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00

<Tipologia scadenza> <Oggetto scadenza>

  • Suap
  • <Amministrazione>
Stato: Pagato

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

  • Nome soggetto
  • Numero istanza
Vai ai pagamenti

Istanza approvata

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

  • 10.01.2025
  • Avanzamento istanza
Visualizza dettagli

Standard — shortcut, scadenza

Trascinabile (default / selected) (verifica --_card-smart-bg e --_card-smart-border sullo stato selected)

Codice oggetto con titolo medio/lungo a discrezione dell'autore
Creato il | Autore: Mario Rossi

Codice oggetto con titolo medio/lungo a discrezione dell'autore
Creato il | Autore: Mario Rossi

Selezione — radio sm, selected, checkbox sm

Selezione large — radio, checkbox, selected

Selezione procedimento — tutte le varianti

Nome procedimento

E. 08-servizi — Altri componenti

Accordion Smart

Da pagare Da pagare Stato Stato

Da pagare Da pagare Stato Stato

Da pagare Da pagare Stato Stato

Da pagare Da pagare Stato Stato

Struttura Gerarchica (integra accordion-smart + card-smart + trascinamento-oggetti)

      • Nome procedimento

      • Nome procedimento

      • Nome procedimento

    • Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

    • Seleziona procedimento

    • Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

Trascinamento Oggetti

Default (vuoto)

Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

Con contenuto trascinato

Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

File — tutti gli stati

documento-caricamento.pdf

Caricamento file in corso: documento-caricamento.pdf - 1.2MB

documento-errore.pdf

Errore caricamento file: documento-errore.pdf - 0.8MB File troppo grande. Dimensione massima: 10MB

documento-ok.pdf

Caricamento file completato: documento-ok.pdf - 2.4MB

documento-scarica.pdf

3.1MB

Upload — vuoto e con file caricati (usa @icon e @button da core)

Vuoto

Clicca il pulsante qui sotto per caricare i documenti dal tuo dispositivo.

Formati PDF, DOCX, JPG, PNG - Max: 10 MB per file

Con file caricati

Clicca il pulsante qui sotto per caricare i documenti dal tuo dispositivo.

Formati PDF, DOCX, JPG, PNG - Max: 10 MB per file

  • documento-caricamento.pdf

    Caricamento file in corso: documento-caricamento.pdf - 1MB di 2.1MB

  • documento-errore.docx

    Errore caricamento file: documento-errore.docx - 15MB File troppo grande. Dimensione massima: 10MB

  • documento-completato.jpg

    Caricamento file completato: documento-completato.jpg - 850KB

  • documento-scaricabile.pdf

    1.8MB

F. 08-servizi — Page Header Base Smart

Default (con back link)

Titolo pagina con link

Categoria: categoria

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

STATO
  • Autore
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
Link text

Ci sono 2 notifiche per questa istanza.

Link text
Link text

Complete (breadcrumb + CTA + actions)

Titolo pagina con link

Categoria: categoria

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

STATO
  • Autore
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
Link text

Ci sono 2 notifiche per questa istanza.

Link text
Link text

Nuova Istanza

Nuova istanza

Procedimento principale: Codice Procedimento principale

  • <CONTESTO>
  • <AMMINISTRAZIONE>
  • 28.12.2025 alle 15:00
Soggetti coinvolti: 3

No Notifiche

Titolo pagina

Categoria: categoria

Procedimento principale: Codice Procedimento principale

STATO
  • Autore
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
  • 28.12.2025 alle 15:00
Link text