Gå til hovedinnhold
KOMPONENTER

Travel leg

npmv6.3.3

Travel leg benyttes til å illustrere reisestrekningen mellom to destinasjoner, og benytter transportfargen og Enturs mønster til det aktuelle transportmidlet.

npm install @entur/travel
@import '@entur/travel/dist/styles.css';
Fargemodus

TravelLeg-props

Direction

Varianter

TravelLeg

Ved å bruke TravelLeg istedet for LegLine og/eller LegBone, kan man enkelt få riktig farge ved å velge transportmodalitet. Disse tar også hensyn til om man er i en Kontrast-seksjon eller ikke.

Retningslinjer

Travel leg benyttes oftest vertikalt, men kan også benyttes horisontalt i grensesnitt der dette passer bedre.

Her er et eksempel på hvordan man har tatt i bruk travel legs på reisedetaljer siden i reiseplanleggeren til Entur.

Skjermbilde av Entur-appen som illustrer bruk av travel leg
Skjermbilde 2 av Entur-appen som illustrer bruk av travel leg

Props

TravelLeg

import { TravelLeg } from '@entur/travel';

Denne komponenten har ingen props

LegBone

import { LegBone } from '@entur/travel';

Denne komponenten har ingen props

LegLine

import { LegLine } from '@entur/travel';

Denne komponenten har ingen props

Rediger denne siden på GitHub