); export default function App() { return (

); } `;var j={"/App.jsx":x},g={...j};var f={usage:g};var M={title:"Spacer",description:"Spacer is a component used to add space between components."};function b(r){let e={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",hr:"hr",p:"p",pre:"pre",strong:"strong",...r.components},{APITable:a,CarbonAd:c,CodeDemo:t,ComponentLinks:i,ImportTabs:d,PackageManagers:p,Spacer:l}=e;return a||o("APITable",!0),c||o("CarbonAd",!0),t||o("CodeDemo",!0),i||o("ComponentLinks",!0),d||o("ImportTabs",!0),p||o("PackageManagers",!0),l||o("Spacer",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{id:"spacer",children:"Spacer"}),` `,(0,n.jsx)(e.p,{children:"Spacer is a component used to add space between components."}),` `,(0,n.jsx)(i,{component:"spacer",rscCompatible:!0}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(c,{}),` `,(0,n.jsx)(e.h2,{id:"installation",children:"Installation"}),` `,(0,n.jsx)(p,{showGlobalInstallWarning:!0,commands:{cli:"npx nextui-cli@latest add spacer",npm:"npm install @nextui-org/spacer",yarn:"yarn add @nextui-org/spacer",pnpm:"pnpm add @nextui-org/spacer",bun:"bun add @nextui-org/spacer"}}),` `,(0,n.jsx)(e.h2,{id:"import",children:"Import"}),` `,(0,n.jsx)(d,{commands:{main:'import {Spacer} from "@nextui-org/react";',individual:'import {Spacer} from "@nextui-org/spacer";'}}),` `,(0,n.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,n.jsx)(t,{title:"Usage",files:f.usage}),` `,(0,n.jsxs)(e.blockquote,{children:[` `,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"Note"}),": The ",(0,n.jsx)(e.code,{children:"x"})," and ",(0,n.jsx)(e.code,{children:"y"})," values are based on ",(0,n.jsx)(e.a,{href:"https://tailwindcss.com/docs/space",children:"Tailwind Spacing Scale"})]}),` `]}),` `,(0,n.jsx)(l,{y:4}),` `,(0,n.jsx)(e.h2,{id:"api",children:"API"}),` `,(0,n.jsx)(e.h3,{id:"spacer-props",children:"Spacer Props"}),` `,(0,n.jsx)(a,{data:[{attribute:"x",type:"Space",description:"The x axis space",default:"1"},{attribute:"y",type:"Space",description:"The y axis space",default:"1"}]}),` `,(0,n.jsx)(e.h3,{id:"types",children:"Types"}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-ts",children:`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; `})})]})}function C(r={}){let{wrapper:e}=r.components||{};return e?(0,n.jsx)(e,{...r,children:(0,n.jsx)(b,{...r})}):b(r)}function o(r,e){throw new Error("Expected "+(e?"component":"object")+" `"+r+"` to be defined: you likely forgot to import, pass, or provide it.")}return I(P);})(); ;return Component;

Prop	Type	Default
`x`	`Space`	`"1"`
`y`	`Space`	`"1"`