跳到主要内容

Compact

将子组件(输入框、按钮等)无缝拼接为一体的包装容器。

来源:antd 重新导出(Space.Compact)。完整文档:Ant Design Space Compact

基础用法

import { Compact, Input, Button } from '@vef-framework-react/components';

export default function Demo() {
return (
<Compact>
<Input placeholder="Search..." />
<Button type="primary">Search</Button>
</Compact>
);
}

API

PropTypeDefault说明
size'large' | 'medium' | 'small''medium'子组件的尺寸('middle''medium' 的废弃别名)
orientation'horizontal' | 'vertical''horizontal'布局方向
verticalbooleanfalseorientation="vertical" 的简写形式
direction'horizontal' | 'vertical''horizontal'已废弃。 请使用 orientation
blockbooleanfalse宽度自适应父容器