ant-design/components/button/demo/block.md
2019-11-25 07:02:24 +00:00

707 B

order title
9
zh-CN en-US
block 按钮 block Button

zh-CN

block属性将使按钮适合其父宽度。

en-US

block property will make the button fit to its parent width.

import { Button } from 'antd';

ReactDOM.render(
  <div>
    <Button type="primary" block>
      Primary
    </Button>
    <Button block>Default</Button>
    <Button type="dashed" block>
      Dashed
    </Button>
    <Button type="primary" danger block>
      Danger
    </Button>
    <Button danger block>
      Danger Default
    </Button>
    <Button type="link" danger block>
      Danger Link
    </Button>
    <Button type="link" block>
      Link
    </Button>
  </div>,
  mountNode,
);