Tabs 选项卡

Tabs 组件是 kaitify-react 的一个 UI 组件，该组件与编辑器具体的功能无关，它一般用于带浮层的菜单中，用来分区域展示不同的内容

基本使用

import { Tabs } from '@kaitify/react'
export default function App() {
  return (
    <Tabs
      default-value='A'
      data={[
        { label: '我是A', value: 'A' },
        { label: '我是B', value: 'B' }
      ]}
    >
      {current => {
        current
      }}
    </Tabs>
  )
}

Props 参数

data { label: string; value: string | number }[]

选项卡数据配置，是一个数组，数组项的 label 表示选项卡显示的名称，value 表示选项卡对应的值

defaultValue string | number

默认展示的选项卡，这里只需要设置其 value 对应的值即可

children ReactNode | ((current: string | number) => ReactNode)

子组件内容