--- order: 5 title: zh-CN: 大小 en-US: Size --- ## zh-CN 大号页签用在页头区域,小号用在弹出框等较狭窄的容器内。 ## en-US Large size tabs are usually used in page header, and small size could be used in Modal. ```jsx import { Tabs, Radio } from 'antd'; const { TabPane } = Tabs; class Demo extends React.Component { state = { size: 'small' }; onChange = e => { this.setState({ size: e.target.value }); }; render() { const { size } = this.state; return (
Small Default Large Content of tab 1 Content of tab 2 Content of tab 3 Content of card tab 1 Content of card tab 2 Content of card tab 3
); } } ReactDOM.render(, mountNode); ```