Spacer

Spacer is a component used to add space between components.

Storybook @nextui-org/spacer Server component Source Styles source

Installation

nextui add spacer

Import

Usage

Note: The x and y values are based on Tailwind Spacing Scale

API

Spacer Props

Attribute	Type	Description	Default
x	Space	The x axis space	`1`
y	Space	The y axis space	`1`

Spaces

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;