@digitransit-component/digitransit-component-control-panel v1.1.7
@digitransit-component/digitransit-component-control-panel
NearStopsAndRoutes
Show button links to near you page for different travel modes
Parameters
props
Objectprops.modes
Array<string> Names of transport modes to show buttons for. Should be in lower case. Also defines button orderprops.urlPrefix
string URL prefix for links. Must end with /lahellasiprops.language
string Language used for accessible labelsprops.showTitle
boolean Show title, default is falseprops.alertsContext
Objectprops.alertsContext.getModesWithAlerts
function Function which should return an array of transport modes that have active alerts (e.g. BUS, SUBWAY)props.alertsContext.currentTime
Number Time stamp with which the returned alerts are validated withprops.alertsContext.feedIds
Number feedIds for which the alerts are fetched for
props.LinkComponent
element React component for creating a link, default is undefined and normal anchor tags are usedprops.origin
props.omitLanguageUrl
Examples
const alertsContext = {
getModesWithAlerts: () => ({}),
currentTime: 123456789,
feedIds: [HSL]
}
<CtrlPanel.NearStopsAndRoutes
modes={['bus', 'tram', 'subway', 'rail', 'ferry', 'citybike']}
language="fi"
urlPrefix="http://example.com/lahellasi"
showTitle
alertsContext={alertsContext}
/>
CtrlPanel
Extends React.Component
CtrlPanel gathers multiple components to same area (desktop-size: left or mobile-size: bottom)
Examples
<CtrlPanel language="fi" position="left">
<CtrlPanel.OriginToDestination showTitle />
<CtrlPanel.SeparatorLine />
<CtrlPanel.NearStopsAndRoutes
modes={['bus', 'tram', 'subway', 'rail', 'ferry', 'citybike']}
language="fi"
urlPrefix="http://example.com/lahellasi"
showTitle
/>
</CtrlPanel>
This module is part of the Digitransit-ui project. It is maintained in the HSLdevcom/digitransit-ui repository, where you can create PRs and issues.
Installation
Install this module individually:
$ npm install @digitransit-component/digitransit-component-control-panel
Or install the digitransit-component module that includes it as a class:
$ npm install @digitransit-component/digitransit-component
3 months ago
4 months ago
5 months ago
8 months ago
9 months ago
9 months ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago