uxcore-footer-toolbar
React footer toolbar
Development
git clone https://github.com/uxcore/uxcore-footer-toolbarcd uxcore-footer-toolbarnpm installnpm run server
if you'd like to save your install time,you can use uxcore-tools globally.
npm install uxcore-tools -ggit clone https://github.com/uxcore/uxcore-footer-toolbarcd uxcore-footer-toolbarnpm installnpm run depnpm run start
Test Case
npm run test
Coverage
npm run coverage
Demo
http://uxcore.github.io/components/footer-toolbar
Contribute
Yes please! See the CONTRIBUTING for details.
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
contentWidth | children 和 extra 所能占到的最大宽度 | Number | - |
children | 工具栏内容,存在 extra 时向右对齐,否则居中 | ReactNode | - |
extra | 额外的提示信息,向左对齐 | ReactNode | - |
containerWidth | 指定组件 wrapper 层的宽度 | Number | - |
autoWidth | 不指定 containerWidth 时,是否按照参考元素的宽度自动计算 containerWidth,适用于有侧导航的情况 | Bool | false |
getRefContainer | autoWidth 生效时,以哪个节点作为参考元素,默认为组件的父元素 | - |