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

447 B

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

zh-CN

自动换行。

en-US

Auto wrap line.

import { Button, Space } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <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 App;