ant-design/components/button/demo/block.md
2022-05-21 22:14:15 +08:00

551 B

order title
10
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';
import React from 'react';

const App: React.FC = () => (
  <>
    <Button type="primary" block>
      Primary
    </Button>
    <Button block>Default</Button>
    <Button type="dashed" block>
      Dashed
    </Button>
    <Button type="link" block>
      Link
    </Button>
  </>
);

export default App;