ant-design/components/segmented/demo/size.md
vagusX eee3b50727
feat: support icon only in segmented (#35256)
* feat: support icon only with segmented

* fix: lint issue

* chore: update

* test: fix

* test: update snapshot
2022-04-28 19:39:52 +08:00

698 B

order title
6
zh-CN en-US
三种大小 Three sizes of Segmented

zh-CN

我们为 <Segmented /> 组件定义了三种尺寸(大、默认、小),高度分别为 40px32px24px

en-US

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

import { Segmented } from 'antd';

export default () => (
  <>
    <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']} />
  </>
);