间隔符

间隔符是一个用于在组件之间添加间距的组件。


安装

npx nextui-cli@latest add spacer
以上命令仅用于单个安装。如果 @nextui-org/react 已经全局安装,您可以跳过此步骤。

导入

使用

注意: xy 值基于 Tailwind 间距比例

API

Spacer 属性

属性类型描述默认值
x间距x 轴间距1
y间距y 轴间距1

间距

type Space = 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;