KOMPONENTER

Travel leg

npmv6.2.10

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';

Komponenter

TravelLeg

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

Navn	Type	Beskrivelse
`className?`	`string`	Ekstra klassenavn
`transport`	`Transport`	Hviklen type reise som skal vises riktig farge og linjetype
`direction`	`"horizontal" \| "vertical"`	Retningen på komponenten

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.

LegBone

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

Navn	Type	Default-verdi	Beskrivelse
`direction`	`"horizontal" \| "vertical"`		Retning på komponenten
`pattern`	`"line" \| "dashed" \| "dotted" \| "wave"`		Hvilke linjemønster som skal brukes
`color?`	`string`		Farge på linja
`startColor?`	`string`	`Verdien til color`	Farge på startpunktet
`endColor?`	`string`	`Verdien til color`	Farge på endepunktet
`showStart?`	`boolean`	`true`	Vis startpunkt
`showLine?`	`boolean`	`true`	Vis linke
`showStop?`	`boolean`	`true`	Vis endepunkt
`className?`	`string`		Ekstra klassenavn

LegLine

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

Navn	Type	Beskrivelse
`color?`	`string`	Farge på LegLine’n
`direction`	`"horizontal" \| "vertical"`	Retningen til LegLine
`pattern`	`"line" \| "dashed" \| "dotted" \| "wave"`	Hvilket linjemønster som skal brukes
`className?`	`string`	Ekstra klassenavn