Spacer

Provide empty space.

import { Spacer } from '@nextui-org/react';

Vertical

Horizontal

APIs

Spacer Props

AttributeTypeAccepted valuesDescriptionDefault
xnumber / float-x-axis spacing1
ynumber / float-y-axis spacing1
inlineboolean-inline spacefalse
cssStitches.CSS-Override Default CSS style-
askeyof JSX.IntrinsicElements-Changes which tag component outputsdiv
...HTMLAttributes'id', 'className', ...native props-
gradient blue backgroundgradient violet background