Skip to content

Latest commit

 

History

History
30 lines (23 loc) · 718 Bytes

size.md

File metadata and controls

30 lines (23 loc) · 718 Bytes
Raw
order title
6
zh-CN en-US
三种大小
Three sizes of Segmented

zh-CN

我们为 <Segmented /> 组件定义了三种尺寸（大、默认、小），高度分别为 40px、32px 和 24px。

en-US

There are three sizes of an Segmented: large (40px), default (32px) and small (24px).

import { Segmented } from 'antd';

const Demo = () => (
  <>
    <Segmented size="large" options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']} />
    <br />
    <Segmented options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']} />
    <br />
    <Segmented size="small" options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']} />
  </>
);

export default Demo;