• basic
• nested nav

applicazione del color system su altri colori base
esempi con colori presi da stemmi PA

• applicare le sixes
• snellire disabled
• fix outlined button
• hover 😄

• single line link list
• multi line link list
• with icon
• with controls (primary/secondary actions/checkbox,switches, reorder)
• nested navigation (?)

radio basic
radio group with label
radio buttons
states

• ipotesi per verisoni dark
• formalizzare padding e margini
• gruppi orizzontali e verticali
• versioni large & small
• label + buttons

Scrivo per segnalare che nell'ultimo file Sketch https://github.com/italia/design-ui-kit/blob/master/italia%20UI%20Kit%202.0.sketch
c'è un piccolo mistyping riguardo BOOTSTRAP GRID SYSTEM \ SMALL.
Nel wireframe sono rappresentate 6 colonne ma nella guida ne vengono indicate 12.

• simple list
• two or three level list
• list with icon or image
• list with icon/image and separator
• list item with header (two or three line list)
• zebra-striped list
• bulleted list

Penso aiuterebbe avere un formato oltre al file .sketch come riferimento per chi non usa Sketch
grazie

• desktop vs mobile
• letter-spacing
• colori link nei titoli
• font-weight
• inserimento text-stiles in sketch

• offcanvas (toolkit danilo) or drawer
• single line linklist
• multiline linklist
• with controls (primary/secondary actions/checkbox,switches, reorder)
• nested navigation with fixed and visible hierarchy (?)
• nested navigation expandable

• checkbox basic
• checkbox group
• check all
• use with grid
• states

Ciao!
Mi piacerebbe dare il mio contributo con:

• chips whit text
• chips with text and an icon
• contact chips

• fixed tab bar
• scrollable tab bar
• text tab - only icon - text and icon
• card tab (desktop)
• add and close tab

• select dropdown basic
• select dropdown with search
• Select with tags, transform input to tag (scroll the menu)
• Multiple selections with tags, transform input to tag (scroll the menu)
• with search autocomplete
• automatic completion
• coordinate (Coordinating the selection of provinces and cities)

• sign-in form
  • forgot user + forgot psw
  • privacy policy (no checkbox?)
  • stay signed in
  • max attempts
• manage general warning message (eg more requirement fields not filled)
• simple form
• multi step form (percentuale o pagine)

• Input text
• Input password (with and without icon)
• Input text + icone
• Validazioni
• Labels
• Search field
• Input field with button (desktop

expand space for error or warning message (?)

to do

• text tab
• only icon
• text and icon
• fixed content and scrollable content (insert shadow)
• desktop card tab forse non prioritario: esempio
• scrollable tabs

to check

• paddings
• mirroring on mobile

• bottom nav text and icon
• bottom nav badge

behavior: shifting/fixed

*da valutare se metodo + o - statico per la gestione dei simboli

basic
with text and icon
list with multiple instances
states

• collapse mode, more than one panel can be expanded at a time
• accordion mode, only one panel can be expanded at a time
• nested panel (collapse is nested inside the collapse)
• panel with actions

add 4 text tab
fix 3 and two text tab

Ciao,
non mi pare sia presente il simbolo per un bottone di login "ufficiale" da usare per SPID
tipo quello mostrato qua per dire
https://www.spid.gov.it/assets/img/home/riconosci_spid.svg

graziee

• definizione colori per bottoni su fondo scuro

Esporta icone base in un file a parte con le seguenti regole di naming

Nome file: italia-icons.sketch

icons/interaction/blue/
icons/interaction/white/
icons/interaction/grey/

icons/decorative/blue/
icons/decorative/white/
icons/decorative/grey/

• Stepper desktop
• Stepper mobile

• dropdown menu basic with only text
• dropdown menu with bg & active icon
• dropdown menu with icons