title |
nav |
group |
Tabs - 标签页 |
|
order |
title |
path |
1 |
Schemas |
/client/schemas |
|
Tabs - 标签页
Node
// 添加其他节点
// 添加其他节点
Designable Bar
Examples
基本使用
/**
* 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 (
<SchemaRenderer schema={schema} />
);
};