--- title: Tabs - 标签页 nav: title: 组件 path: /client group: order: 1 title: Schemas path: /client/schemas --- # Tabs - 标签页 ## Node

  
    // 添加其他节点
  
  
    // 添加其他节点
  

## Designable Bar - Tabs.DesignableBar ## Examples ### 基本使用 ```tsx /** * title: 基本使用 */ import React from 'react'; import { SchemaRenderer } from '../'; const schema = { type: 'object', properties: { tabs: { type: 'void', 'x-component': 'Tabs', properties: { tab1: { type: 'void', 'x-component': 'Tabs.TabPane', 'x-component-props': { tab: 'Tab1', }, properties: { aaa: { type: 'string', title: 'AAA', 'x-decorator': 'FormItem', required: true, 'x-component': 'Input', }, }, }, tab2: { type: 'void', 'x-component': 'Tabs.TabPane', 'x-component-props': { tab: 'Tab2', }, properties: { bbb: { type: 'string', title: 'BBB', 'x-decorator': 'FormItem', required: true, 'x-component': 'Input', }, }, }, }, }, } } export default () => { return ( ); }; ```