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

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Route Description

Route Description

3.1.3

A description of this component is work in progress.

Demo
Props
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

baseKey *

string

customAttribute

{ attribute: string; value: string | number }Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

disableDividers

boolean

disableMarginX

booleanDisable horizontal margin

items *

ReactElement[]List of RoutDescriptionItem

lang

InputLanguageLanguage used for internal translations.

Installation

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Tillgänglighet

Semantik

Route Description presenteras som en WAI-ARIA-lista:

Kodexempel

Tillgängligt namn

Varje Route Description Item har en anpassad uppläsning för skärmläsare. All synlig text och alla ikoner döljs med aria-hidden="true" och ersätts av en visuellt dold text.

Informationen i skärmläsartexten ska vara helt likvärdig den synliga informationen, men med förklarande ord och skiljetecken för att den ska bli lättare att förstå.

  • "18:40 Göteborg Central" blir till "Tåget avgår klockan 19:40 från Göteborg Central"
  • "22:48 Malmö C" blir till "Tåget ankommer klockan 22:48 till Malmö Central"

Utvecklare ansvarar för att skicka med en giltig translation-prop med de översättningar som ska användas i skärmläsartexten

Change log

  • Upgrade to React 19

    3.1.0

Statistik

  • Importer av Route Description

    5
  • Repos med Route Description

    16%
  • Senaste installerade version av Route Description

    3.1.3
  • Äldsta installerade version av Route Description

    3.1.3