@ digitalransit- 组件/ digitalransit- 组件控制- 平面板

Ctrl 阵列

CtrlPanel 收集多个组件到同一区域(桌面大小:左侧或移动大小:下方)

参数

• props 对象

  • props.children 节点 面板内容( 可选, 默认) DEFAULT_CHILDREN(中文(简体) )
  • props.position 字符串 左边或下方

实例

<CtrlPanel language="fi" position="left">
   <CtrlPanel.SeparatorLine />
   <CtrlPanel.NearStopsAndRoutes
     modearray={['bus', 'tram', 'subway', 'rail', 'ferry', 'citybike']}
     language="fi"
   />
 </CtrlPanel>

CtrlPanel. 离停和路特斯不远

参数

• props 对象

  • props.modeArray 阵列<字符串> 翻译: 要显示按钮的运输模式名称 。 应该是在下层。 还定义了按钮顺序

  • props.language 字符串 可访问标签所使用的语言

  • props.title 对象 每个语言自定义标题

  • props.alertsContext 对象

    • props.alertsContext.getModesWithAlerts 函数 函数,该函数应返回一系列具有活性提醒的传输模式(例如[BUS,SUBWAY])
    • props.alertsContext.currentTime 数目 用于验证返回提醒的时间戳
    • props.alertsContext.feedIds 数目 用于获取提醒的种子

  • props.colors 对象 主题颜色配置

  • props.urlPrefix 字符串 链接的 URL 前缀

实例

const alertsContext = {
   getModesWithAlerts: () => ({}),
   currentTime: 123456789,
   feedIds: [HSL]
}
<CtrlPanel.NearStopsAndRoutes
     modeArray={['bus', 'tram', 'subway', 'rail', 'ferry', 'citybike']}
     language="fi"
     alertsContext={alertsContext}
   />

-- -- . .

这个模块是Digitransit-ui项目的一部分. 保留在 HSLdevcom/数码-i 库,您可以创建的地方 公关和问题.

安装

单独安装此模块 :

$ npm install @digitransit-component/digitransit-component-control-panel