组件演示

引入方式

import { Menu } from 'tx-design';

Story Source

<div
  style={{
    padding: '20px 40px'
  }}
>
  <h3>
    组件演示
  </h3>
  <Menu
    defaultIndex="0"
    defaultOpenSubMenus={[]}
    mode="horizontal"
  >
    <MenuItem>
      前端
    </MenuItem>
    <MenuItem>
      后端
    </MenuItem>
  </Menu>
</div>

Prop Types

"Menu" Component

property	propType	required	default	description
defaultIndex	string	-	0	默认 active 的菜单项的索引值
className	string	-	-
mode	oneOf "horizontal" \| "vertical"	-	horizontal	菜单展示的样式
style	any	-	-
defaultOpenSubMenus	string[]	-	[]	竖着时侧边栏默认展开
onSelect	SelectCallback	-	-	点击菜单项触发的回调函数

"MenuItem" Component

property	propType	required	default	description
index	string	-	-	当前是否被选中的index标识
disabled	boolean	-	-	是否禁止点击
className	string	-	-
style	CSSProperties	-	-

No Preview

组件演示

引入方式

Story Source

Prop Types

"Menu" Component

"MenuItem" Component