@alicd/crui-checkbox

---

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