ant-design/components/space/demo/wrap.md

412 B

order title
98
zh-CN en-US
自动换行 Wrap

zh-CN

自动换行。

en-US

Auto wrap line.

import { Space, Button } from 'antd';

const Demo = () => (
  <Space size={[8, 16]} wrap>
    {new Array(20).fill(null).map((_, index) => (
      // eslint-disable-next-line react/no-array-index-key
      <Button key={index}>Button</Button>
    ))}
  </Space>
);

export default Demo;