• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Statistik
  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Snackbar

Snackbar

4.0.0

Snackbars provide brief messages about app processes at the bottom of the screen.

Demo
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Installation

Kodexempel
npm install @sj-ab/component-library.ui.snackbar

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Tillgänglighet

Vi vet att Snackbar kan vara problematisk för vissa användare med funktionsnedsättning. Meddelandet i Snackbar visas bara under en kort tid och dyker upp i nederkant på skärmen. Det gör komponenten lätt att missa för synsvaga användare som använder förstoring.

  • Vi använder bara Snackbar för att ge extra bekräftelse på interaktion som användaren själv initierat, till exempel vid inloggning.
  • Vi använder aldrig Snackbar vid oförutsedda händelser, eller när det är väldigt viktigt att användaren uppfattar meddelandet.
  • Vi har inga länkar eller annan interaktion i Snackbar eftersom dessa blir svåra att komma åt med hjälpmedel.

WAI-ARIA

Snackbar använder WAI-ARIA-rollen role="alert" för att meddelandet ska läsas upp automatiskt för användare med skärmläsare när det dyker upp.

Change log

  • Update to MUI 7

    4.0.0

    Breaking

Statistik

  • Importer av Snackbar

    17
  • Repos med Snackbar

    34%
  • Senaste installerade version av Snackbar

    4.0.0
  • Äldsta installerade version av Snackbar

    2.0.51