quantex-design

PageConatiner 页面容器组件 - quantex-design

通用布局容器组件。

何时使用

最基础的布局容器,可承载文字、列表、图片、段落,常用于后台概览页面。

代码演示

Container Title
将列拖拽至此设置行组
将列拖至此处,设置列标签
行组
将列拖拽至此设置行组
值计算
将列拖至此处,对列值进行计算
列标签
将列拖至此处,设置列标签
AverageNaN
计数0
最小值
最大值
总和0
行数3
选中行数0
- /
page /
For Trial Use Only
简单用法

包含自定义布局容器标题、卡片右上角的操作区域、Tabs 等

API

参数说明类型默认值
title标题区域内容React.ReactNode-
extra右上角自定义区域React.ReactNode-
className自定义样式类string-
headClassName头部区域自定义样式类string-
headStyle头部区域自定义样式React.CSSProperties-
bodyClassName内容区自定义样式类string-
bodyStyle内容区自定义样式React.CSSProperties-
tabListtabs 的列表{key: string, tab: ReactNode}[]-
activeTabKey当前选中 tab 的 keystring-
onTabChangetab 修改时触发(activeKey: string) => void)-
tabBarExtraContenttabs 的列表React.ReactNode-
tabPropstab 组件的属性配置TabsProps-
children内容React.ReactNode-