30:I[582869,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"Tabs"] 31:I[582869,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"Tab"] 32:I[659993,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"DynamicCodeBlock"] 24:["$","$L30",null,{"items":["Preview","Code"],"className":"not-prose","children":[["$","$L31",null,{"value":"Preview","children":["$","div",null,{"className":"flex min-h-[220px] w-full flex-col gap-4 p-8 items-center justify-center","children":["$","div",null,{"className":"flex flex-col items-center gap-4","children":[["$","kbd",null,{"data-slot":"kbd-group","className":"inline-flex items-center gap-1","children":[["$","kbd",null,{"data-slot":"kbd","className":"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-3","children":"⌘"}],["$","kbd",null,{"data-slot":"kbd","className":"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-3","children":"K"}]]}],["$","p",null,{"className":"text-sm text-muted-foreground","children":["Press ",["$","kbd",null,{"data-slot":"kbd","className":"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-3","children":"⇧"}]," ",["$","kbd",null,{"data-slot":"kbd","className":"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-3","children":"⌘"}]," ",["$","kbd",null,{"data-slot":"kbd","className":"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-3","children":"P"}]," to open the command palette."]}]]}]}]}],["$","$L31",null,{"value":"Code","className":"p-0 [&_figure]:my-0 [&_figure]:rounded-none [&_figure]:border-0","children":["$","$L32",null,{"lang":"tsx","code":"import { Kbd, KbdGroup } from 'nooxit-design-system/components/kbd';\n\nexport default function KbdDemo() {\n return (\n

\n \n ⌘\n K\n \n

\n Press ⇧ ⌘ P to open the command palette.\n

\n );\n}"}]}]]}]

Kbd

InstallationCopy Anchor Link

NotesCopy Anchor Link

On this page

Installation

Notes