npm install @nextui-org/react npm install @nextui-org/react npm install @nextui-org/react

); }`,I={"/App.jsx":k},x={...I};var P=`import {Code} from "@nextui-org/react"; export default function App() { return (

npm install @nextui-org/react npm install @nextui-org/react npm install @nextui-org/react npm install @nextui-org/react npm install @nextui-org/react npm install @nextui-org/react

); }`,S={"/App.jsx":P},g={...S};var a={usage:f,sizes:x,colors:g};var L={title:"Code",description:"Code is a component used to display inline code. "};function C(n){let e=Object.assign({h1:"h1",p:"p",hr:"hr",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},n.components),{ComponentLinks:t,CarbonAd:i,PackageManagers:r,ImportTabs:s,CodeDemo:c,Spacer:h}=e;return i||d("CarbonAd",!0),c||d("CodeDemo",!0),t||d("ComponentLinks",!0),s||d("ImportTabs",!0),r||d("PackageManagers",!0),h||d("Spacer",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h1,{id:"code",children:"Code"}),` `,(0,o.jsx)(e.p,{children:"Code is a component used to display inline code."}),` `,(0,o.jsx)(t,{component:"code",rscCompatible:!0}),` `,(0,o.jsx)(e.hr,{}),` `,(0,o.jsx)(i,{}),` `,(0,o.jsx)(e.h2,{id:"installation",children:"Installation"}),` `,(0,o.jsx)(r,{commands:{cli:"nextui add code",npm:"npm install @nextui-org/code",yarn:"yarn add @nextui-org/code",pnpm:"pnpm add @nextui-org/code",bun:"bun add @nextui-org/code"}}),` `,(0,o.jsx)(e.h2,{id:"import",children:"Import"}),` `,(0,o.jsx)(s,{commands:{main:'import {Code} from "@nextui-org/react";',individual:'import {Code} from "@nextui-org/code";'}}),` `,(0,o.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,o.jsx)(c,{title:"Usage",files:a.usage}),` `,(0,o.jsx)(e.h3,{id:"sizes",children:"Sizes"}),` `,(0,o.jsx)(c,{title:"Sizes",files:a.sizes}),` `,(0,o.jsx)(e.h3,{id:"colors",children:"Colors"}),` `,(0,o.jsx)(c,{title:"Colors",files:a.colors}),` `,(0,o.jsx)(h,{y:4}),` `," ",` `,(0,o.jsx)(e.h2,{id:"api",children:"API"}),` `,(0,o.jsx)(e.h3,{id:"code-props",children:"Code Props"}),` `,(0,o.jsxs)(e.table,{children:[(0,o.jsx)(e.thead,{children:(0,o.jsxs)(e.tr,{children:[(0,o.jsx)(e.th,{children:"Attribute"}),(0,o.jsx)(e.th,{children:"Type"}),(0,o.jsx)(e.th,{children:"Description"}),(0,o.jsx)(e.th,{children:"Default"})]})}),(0,o.jsxs)(e.tbody,{children:[(0,o.jsxs)(e.tr,{children:[(0,o.jsx)(e.td,{children:"children"}),(0,o.jsx)(e.td,{children:(0,o.jsx)(e.code,{children:"ReactNode"})}),(0,o.jsx)(e.td,{children:"The content of the code."}),(0,o.jsx)(e.td,{children:"-"})]}),(0,o.jsxs)(e.tr,{children:[(0,o.jsx)(e.td,{children:"size"}),(0,o.jsxs)(e.td,{children:[(0,o.jsx)(e.code,{children:"sm"})," | ",(0,o.jsx)(e.code,{children:"md"})," | ",(0,o.jsx)(e.code,{children:"lg"})]}),(0,o.jsx)(e.td,{children:"The size of the code."}),(0,o.jsx)(e.td,{children:(0,o.jsx)(e.code,{children:"sm"})})]}),(0,o.jsxs)(e.tr,{children:[(0,o.jsx)(e.td,{children:"color"}),(0,o.jsxs)(e.td,{children:[(0,o.jsx)(e.code,{children:"default"})," | ",(0,o.jsx)(e.code,{children:"primary"})," | ",(0,o.jsx)(e.code,{children:"secondary"})," | ",(0,o.jsx)(e.code,{children:"success"})," | ",(0,o.jsx)(e.code,{children:"warning"})," | ",(0,o.jsx)(e.code,{children:"danger"})]}),(0,o.jsx)(e.td,{children:"The color of the code."}),(0,o.jsx)(e.td,{children:(0,o.jsx)(e.code,{children:"default"})})]}),(0,o.jsxs)(e.tr,{children:[(0,o.jsx)(e.td,{children:"radius"}),(0,o.jsxs)(e.td,{children:[(0,o.jsx)(e.code,{children:"none"})," | ",(0,o.jsx)(e.code,{children:"sm"})," | ",(0,o.jsx)(e.code,{children:"md"})," | ",(0,o.jsx)(e.code,{children:"lg"})," | ",(0,o.jsx)(e.code,{children:"full"})]}),(0,o.jsx)(e.td,{children:"The radius of the code."}),(0,o.jsx)(e.td,{children:(0,o.jsx)(e.code,{children:"sm"})})]})]})]})]})}function N(n={}){let{wrapper:e}=n.components||{};return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(C,n)})):C(n)}var E=N;function d(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return w(F);})(); ;return Component;

Attribute	Type	Description	Default
children	`ReactNode`	The content of the code.	-
size	`sm` \| `md` \| `lg`	The size of the code.	`sm`
color	`default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`	The color of the code.	`default`
radius	`none` \| `sm` \| `md` \| `lg` \| `full`	The radius of the code.	`sm`