Flikar - 1177

Exempel

Bild flikar med ikoner

Bild flikar utan ikoner

Bild: Dropmeny används istället för flikar i mobil

Implementation

En demo implementation i ramverkslös javascript med fokus på tillgänglighet och progressiv förbättring. Inspirerad från: https://inclusive-components.design/tabbed-interfaces/

Designspecifikation

Navigationskomponenten flikar kan användas med eller utan ikoner.

Flikar med ikoner: Aktiv flik har grå text + ikon mot vit bakgrund för att särskilja från icke-valda flikar med ljusblå bakgrund.

Flikar utan ikoner: Aktiv flik har grå text mot vit bakgrund för att särskilja från icke-valda flikar med ljusblå bakgrund.

I mobil används en dropmeny istället för flikar, med eller utan ikoner framför rubrikerna.

Do’s and Don’ts

-

Tillgänglighet

-

Research på komponenten

-

Relaterade resurser/komponenter

Status