スペーサー

スペーサーは、コンポーネント間にスペースを追加するために使用されるコンポーネントです。


インストール

npx nextui-cli@latest add spacer
上記のコマンドは個別のインストール専用です。 @nextui-org/react がグローバルにインストール済みの場合は、このステップをスキップできます。

インポート

使い方

: x および y の値は、Tailwind Spacing Scale に基づいています。

API

Spacer Props

属性説明デフォルト
xSpacex軸方向のスペース1
ySpacey軸方向のスペース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;