0.1.28 • Published 5 years ago
rat-nav v0.1.28
rat-nav
组件介绍
安装
$ npm install rat-nav --save
引用
import Nav from 'rat-nav';
const { Item, SubNav } = Nav;
const header = <Text>RAT</Text>;
const footer = <Link>Login in</Link>;
render(
<Nav header={header} footer={footer} defaultSelectedKeys={['home']} height={50} contentWidth={1000} style={{"background-color": "red"}} >
<Item key="home">Home</Item>
<SubNav label="Component" selectable>
<Item key="next">Next</Item>
<Item key="mext">Mext</Item>
<SubNav label="Component" selectable>
<Item key="next">Next</Item>
<Item key="mext">Mext</Item>
</SubNav>
</SubNav>
<Item key="document">Document</Item>
</Nav>
), mountNode);
API
参数 | 说明 | 类型 | 默认值 | 是否必填 |
---|---|---|---|---|
visible | 是否显示弹层 | Boolean | false | 否 |
target | 弹层定位的参照元素 | any | false | 否 |
offset | 弹层相对于参照元素定位的微调 | Array | 0, 0 | 否 |
hasMask | 是否显示遮罩 | Boolean | false | 否 |
safeNode | 安全节点,当点击 document 的时候,如果包含该节点则不会关闭弹层,如果是函数需要返回 ref,如果是字符串则是该 DOM 的 id,也可以直接传入 DOM 节点,或者以上值组成的数组 | any | - | 否 |
selectedKeys | 当前选中key | string/array | 否 | |
defaultSelectedKeys | 默认选中key | string/array | 否 | |
contentWidth | 中间内容宽度 | number | 1200 | 否 |
0.1.28
5 years ago
0.1.27
6 years ago
0.1.26
6 years ago
0.1.25
6 years ago
0.1.24
6 years ago
0.1.23
7 years ago
0.1.22
7 years ago
0.1.21
7 years ago
0.1.20
7 years ago
0.1.19
7 years ago
0.1.18
7 years ago
0.1.17
7 years ago
0.1.16
7 years ago
0.1.15
7 years ago
0.1.14
7 years ago
0.1.13
7 years ago
0.1.11
7 years ago
0.1.10
7 years ago
0.1.9
7 years ago
0.1.8
7 years ago
0.1.6
7 years ago
0.1.5
7 years ago
0.1.4
7 years ago
0.1.3
7 years ago
0.1.2
7 years ago
0.1.1
7 years ago
0.1.0
7 years ago
0.0.15
7 years ago
0.0.14
7 years ago
0.0.13
7 years ago
0.0.12
7 years ago
0.0.11
7 years ago
0.0.10
7 years ago
0.0.9
7 years ago
0.0.8
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago