Gå til hovedinnhold
REISE

TravelTag

TravelTag er en komponent for å vise noe om en reise

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

TravelTag-props

Ekstra innhold (details)

TravelTag støtter ekstra innhold via prop-en details, som vises i en separat boks til høyre for innholdet. Details brukes ofte for å vise et tog/avgangsnummer.

Eksempel:

<TravelTag transport="bus" details="#45">32</TravelTag>

Lukke TravelTag

Om du ønsker at man skal kunne lukke / fjerne en TravelTag, kan du sende inn en onClose-callback funksjon.

<TravelTag transport="bus" onClose={() => console.log('close')}>32</TravelTag>

Props

Denne komponenten har ingen props