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

); }`,M={"/App.jsx":I},f={...M};var S=`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

); }`,k={"/App.jsx":S},C={...k};var s={usage:u,sizes:f,colors:C};var L={title:"Code",description:"Code is a component used to display inline code. "};function x(t){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"},t.components),{ComponentLinks:r,CarbonAd:d,ImportTabs:n,CodeDemo:c,Spacer:a}=e;return d||i("CarbonAd",!0),c||i("CodeDemo",!0),r||i("ComponentLinks",!0),n||i("ImportTabs",!0),a||i("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)(r,{component:"code",rscCompatible:!0}),` `,(0,o.jsx)(e.hr,{}),` `,(0,o.jsx)(d,{}),` `,(0,o.jsx)(e.h2,{id:"import",children:"Import"}),` `,(0,o.jsx)(n,{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:s.usage}),` `,(0,o.jsx)(e.h3,{id:"sizes",children:"Sizes"}),` `,(0,o.jsx)(c,{title:"Sizes",files:s.sizes}),` `,(0,o.jsx)(e.h3,{id:"colors",children:"Colors"}),` `,(0,o.jsx)(c,{title:"Colors",files:s.colors}),` `,(0,o.jsx)(a,{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(t={}){let{wrapper:e}=t.components||{};return e?(0,o.jsx)(e,Object.assign({},t,{children:(0,o.jsx)(x,t)})):x(t)}var E=N;function i(t,e){throw new Error("Expected "+(e?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}return v(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`