react-tabset-skeleton

> tabset(多标签页)组件骨架, 不含 ui

 

简述

在 github 里搜到的 tabset 组件均带 ui 界面, 与项目 ui 风格差距甚远\
让人郁闷的是: 这类组件通常需要提供 style 进行定制, 不能适应复杂需求\
因此提供了此骨架组件

场景

仅支持 tabs(多标签页)组件
如果你发现 github 里找到的 tabs 与你网站风格不搭, 也不喜欢使用 style 定制, 可以试下此组件

Install

``bash
npm install --save react-tabset-skeleton
`

Usage

与同类组件不同, 此组件只是一个骨架, 渲染成什么样子, 完成取决于你
我已经尽可能添加了必备参数, 需要你提供以下参数:

- defaultActiveKey: 缺省 tab

- tabGap: 两个 tab 标签标题的间隔

- rootContainerRenderer
整个 tabset 组件的容器。如果不提供, 则直接使用div包装
将自动附加display:flex, flexDirection:?

- tabsContainerRenderer
必须提供。用于包装 tabset 组件的 title 行(列)
将自动附加display:flex, flexDirection:?`

- tabRenderer
必须提供。用于渲染单个 tab 的 title
未提供任何假设, 完全由你确定

- panelContainerRenderer
必须提供。用于渲染 panel 的容器
未提供任何假设, 完全由你确定

具体使用方法, 请参见 example 目录

License

MIT © g770728y