@alicd/crui-checkbox
0.0.1 • Public • Published
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
Readme
Keywords
nonePackage Sidebar
Install
npm i @alicd/crui-checkbox
Weekly Downloads