) export default function App() { return (

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