Stepper
4.1.13
Steppers allow users to increase or decrease the number in a single button press.
npm install @sj-ab/component-library.ui.stepperStepper är tänkt att vara ett SJ-designat alternativ till en vanlig <input type="number">.
Komponenten presenteras antingen enbart som en text med aktuellt värde och två knappar för att öka eller minska, eller som en kombination av knapparna och ett redigerbart sifferinmatningsfält .
Komponenten använder aria-live för att automatiskt läsa upp det nya värdet för skärmläsaranvändare när värdet ändras.
Det finns också dolda, extra instruktioner för att tydliggöra komponentens funktion:
"Skriv in ett nummer eller använd upp- och nedpilarna för att ändra antalet"
Instruktionerna kopplas ihop med inmatningsfältet med aria-describedby och läses upp när fältet får fokus.
Importer av Stepper
Repos med Stepper
Senaste installerade version av Stepper
Äldsta installerade version av Stepper