mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 17:59:57 +08:00
7e9fe271ed
* support align * update demo & snapshot * update comment * update docs * Update components/space/index.en-US.md Co-Authored-By: 骗你是小猫咪 <darryshaw@gmail.com> * update doc Co-authored-by: 骗你是小猫咪 <darryshaw@gmail.com>
700 B
700 B
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
自定义间距大小。
en-US
Custom spacing size.
import React, { useState } from 'react';
import { Space, Slider, Button } from 'antd';
function SpaceCustomizeSize() {
const [size, setSize] = useState(8);
return (
<>
<Slider value={size} onChange={value => setSize(value)} />
<br />
<br />
<Space size={size}>
<Button type="primary">Primary</Button>
<Button>Default</Button>
<Button type="dashed">Dashed</Button>
<Button type="link">Link</Button>
</Space>
</>
);
}
ReactDOM.render(<SpaceCustomizeSize />, mountNode);