• Start

  • Blogg

  • Kom igång

  • Riktlinjer

  • Komponenter

  • Changelog

  • Tillgänglighet

  • Statistik

  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Transport Summary

Transport Summary

4.1.11

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

adjustLeft

booleanDecide if the train imag should overflow the left compared to rest of content

applyGradient

booleanFade out train image

customAttribute

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

duration

DurationTypeinformation about the travellers placement, like seat number and carriage id

dynamicTrainSize

booleanIf the train should shrink depending on the size of transport information

hasMarginBottom

boolean

hasMarginTop

boolean

isLoading

booleanIf true, a loading skeleton will be rendered instead of the component.

lang

InputLanguageLanguage used for internal translations.

placements

PlacementsType[]Details of travelers' seating arrangements, including the train carriage ID and assigned seat number.

showTransportImage

booleanDecide if train image should be shown. Defaults to true.

sx

SxPropsThe system prop that allows defining system overrides as well as additional CSS styles.

translation

PartialTranslations

transportation *

TransportationType[]An array of transportation types involved in the journey.

transportInformations

TransportInformationType[]An array of onboard amenities and services available during the journey.

transportStatus

StatusTypeAny additional status of transport, like No serving

Installation

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Tillgänglighet

Tillgängligt namn

Transport Summary får sin uppläsning dess inbyggda Transport Image-komponent.

Se tillgänglighetsdokumentationen för Transport Image

Den synliga texten under bilderna är dold för skärmläsare med aria-hidden för att undvika dubblerad information gentemot bildernas alt-texter.

Change log

  • Remove internal transportType translations

    4.1.8
  • Upgrade to React 19

    4.1.0

Statistik

  • Importer av Transport Summary

    9
  • Repos med Transport Summary

    20%
  • Senaste installerade version av Transport Summary

    4.1.10
  • Äldsta installerade version av Transport Summary

    4.1.10