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"],"Tabs"] 32: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"] 33:I[184055,["/_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"],"HoverCard"] 34:I[184055,["/_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"],"HoverCardTrigger"] 35:I[184055,["/_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"],"HoverCardContent"] 36:I[432245,["/_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"],"Avatar"] 37:I[432245,["/_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"],"AvatarFallback"] 38: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"] 39:T4e1,import { Avatar, AvatarFallback } from 'nooxit-design-system/components/avatar'; import { Button } from 'nooxit-design-system/components/button'; import { HoverCard, HoverCardContent, HoverCardTrigger, } from 'nooxit-design-system/components/hover-card'; import { CalendarDotsIcon } from '@phosphor-icons/react/ssr'; export default function HoverCardDemo() { return (

@nooxit

The design system behind every Nooxit product.

Joined September 2026

); }24:["$","$L31",null,{"items":["Preview","Code"],"className":"not-prose","children":[["$","$L32",null,{"value":"Preview","children":["$","div",null,{"className":"flex min-h-[220px] w-full flex-col gap-4 p-8 items-center justify-center","children":["$","$L33",null,{"children":[["$","$L34",null,{"asChild":true,"children":["$","button",null,{"data-slot":"button","data-variant":"link","data-size":"default","data-destructive":"$undefined","className":"group/button inline-flex shrink-0 items-center justify-center rounded-full border-transparent bg-clip-padding text-sm leading-6 font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-disabled aria-invalid:ring-2 aria-invalid:ring-destructive aria-invalid:ring-offset-2 aria-invalid:ring-offset-background [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 text-foreground underline-offset-4 hover:underline gap-1 h-6 border-0 px-0 has-data-[icon=inline-end]:pr-0 has-data-[icon=inline-start]:pl-0","children":"@nooxit"}]}],["$","$L35",null,{"children":["$","div",null,{"className":"flex gap-4","children":[["$","$L36",null,{"children":["$","$L37",null,{"children":"NX"}]}],["$","div",null,{"className":"flex flex-col gap-1","children":[["$","h4",null,{"className":"text-sm leading-5 font-medium","children":"@nooxit"}],["$","p",null,{"className":"text-sm leading-5","children":"The design system behind every Nooxit product."}],["$","div",null,{"className":"flex items-center gap-2 pt-1","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":"1em","height":"1em","fill":"currentColor","viewBox":"0 0 256 256","transform":"$undefined","className":"size-4 opacity-70","children":[false,"$undefined",["$","path",null,{"d":"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-68-76a12,12,0,1,1-12-12A12,12,0,0,1,140,132Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,184,132ZM96,172a12,12,0,1,1-12-12A12,12,0,0,1,96,172Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,140,172Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,184,172Z"}]]}],["$","span",null,{"className":"text-xs leading-4 text-muted-foreground","children":"Joined September 2026"}]]}]]}]]}]}]]}]}]}],["$","$L32",null,{"value":"Code","className":"p-0 [&_figure]:my-0 [&_figure]:rounded-none [&_figure]:border-0","children":["$","$L38",null,{"lang":"tsx","code":"$39"}]}]]}]

Hover Card

InstallationCopy Anchor Link

NotesCopy Anchor Link

On this page

Installation

Notes