Header senza sidebar da mobile?

[umbertotarantino]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• Ho verificato e non esiste

Versione della libreria

1.3.1

Cosa

Quando utilizzo it-header viene creata una sidebar con hamburger icon in caso di visualizzazione da mobile.
È possibile rendere la costruzione di tale menu opzionale?

Perché

Ho la necessità di sviluppare un header che mostri o meno una sidebar da mobile, programmaticamente a seconda di una condizione. È possibile in qualche modo?

Contesto

No response

Altro

No response

[astagi]

@umbertotarantino indagheremo su tale possibilità appena riusciamo a finire una serie di task, vorrei sollevare giusto un dubbio questa modifica non rischia di uscire dal Design System sia in termini di interfaccia che di esperienza utente?

cc @Fupete @zetareticoli

[Fupete]

Se c'è il menu di navigazione principale è prevista anche la sua versione mobile (navbar offscreen accessibile da burger). Cosa si intende per rimuoverlo solo da mobile? 🤔 Come si visualizzerebbe il menu su mobile?

[umbertotarantino]

Se c'è il menu di navigazione principale è prevista anche la sua versione mobile (navbar offscreen accessibile da burger). Cosa si intende per rimuoverlo solo da mobile? 🤔 Come si visualizzerebbe il menu su mobile?

Sono d'accordo che possa essere prevista, allora sarebbe comodo far scegliere un'alternativa alla navbar offscreen accessibile da burger.
Nel mio caso ad esempio il menu da mobile dovrebbe diventare qualcosa del genere:

[Fupete]

Ciao @umbertotarantino, in generale il kit (come quello React o la base Bootstrap Italia) implementa solo le soluzioni previste in UI Kit Italia.

[Fupete]

Detto questo nessuno vieta di andare in strade alternative, da validare ovviamente con ricerca e test. In caso di esperimenti riusciti anzi sarebbe auspicabile un ritorno verso il design system italia con PR o suggerimenti/issue anche direttamente lato design sulla repo di UI Kit Italia.

Lascio ai maintainer del kit Angular (@astagi e c.) decidere se rendere modulare l'approccio del componente header più di quanto già presente per permettere di sperimentare su questo punto.

Per fare prototipi oggi allo stato dell'arte io suggerirei di partire dalla base di Bootstrap Italia, dove vedo più facile sperimentare potendo controllare tutto il markup.

[Fupete]

ps. non vedo facilissimo rispettare tutte le WCAG (ingrandimento, responsività, ...) con un approccio come quello che suggerisci...

[umbertotarantino]

Lascio ai maintainer del kit Angular (@astagi e c.) decidere se rendere modulare l'approccio del componente header più di quanto già presente per permettere di sperimentare su questo punto.

Sì, o anche solo aggiungere un'opzione per "spegnere" eventualmente la sidebar da mobile, in modo da rendere possibile lo sviluppo di una soluzione custom senza per forza imporla all'UI Kit Italia.

[labihi]

Vorrei aggiungermi alla discussione in quanto sarebbe l'ideale avere l'hamburger menù come configurabile e migliorerebbe sensibilmente sia la DX che l'esperienza per l'utente