0.0.1 • Published 5 years ago
@alicd/crui-checkbox v0.0.1
category: Components type: UI Views component: Base chinese: 导航(收纳式)
english: TopNav
收纳式吊顶导航组件。
规则
API
TopNav
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
className | 自定义类名 | string | N/A |
style | 组件接受行内样式 | object | N/A |
hoveredKey | 当前用户鼠标悬浮的菜单项所对应的 key | string | N/A |
onHover | 用户鼠标浮到另一个菜单项或切换一级菜单时触发的回调 | (hoveredKey: string) => void | N/A |
selectedKeys | 显示选中样式的菜单项 | string[] | [] |
dataSource | 指定用来渲染菜单的数据,数据格式见本页面“规则”中的描述,或可利用 dataRenderCallback 属性自定义 | object[] | N/A |
extraRender | 使用 dataSource 时,用来渲染每个菜单项右侧的部分的回调 | (node: object) => ReactNode | N/A |
itemOnClick | 使用 dataSource 时,点击菜单项所触发的回调 | (node: object) => void | 默认为空 |
dataRenderCallback | 使用 dataSource 属性时的具体渲染逻辑 | (node: object) => [object, object[]] | 默认渲染逻辑见本页面“规则”中的描述 |
TopNav.Item
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
className | 自定义类名 | string | N/A |
style | 组件接受行内样式 | object | N/A |
title | 该菜单项显示出的标题 | ReactNode | N/A |
extra | 该菜单项右侧所显示的内容 | ReactNode | N/A |
onClick | 点击该菜单项的回调 | (e: Event) => void | N/A |
TopNav.Placeholder
0.0.1
5 years ago