4e:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 4f:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 50:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 51:Td60,import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Tracker } from '@/components/ui/tracker' const deployments = [ { status: 'success', time: '2025-06-24T00:00:00Z' }, { status: 'success', time: '2025-06-24T01:00:00Z' }, { status: 'success', time: '2025-06-24T02:00:00Z' }, { status: 'error', time: '2025-06-24T03:00:00Z' }, { status: 'success', time: '2025-06-24T04:00:00Z' }, { status: 'warning', time: '2025-06-24T05:00:00Z' }, { status: 'success', time: '2025-06-24T06:00:00Z' }, { status: 'success', time: '2025-06-24T07:00:00Z' }, { status: 'error', time: '2025-06-24T08:00:00Z' }, { status: 'success', time: '2025-06-24T09:00:00Z' }, { status: 'success', time: '2025-06-24T10:00:00Z' }, { status: 'success', time: '2025-06-24T11:00:00Z' }, { status: 'success', time: '2025-06-24T12:00:00Z' }, { status: 'success', time: '2025-06-24T13:00:00Z' }, { status: 'success', time: '2025-06-24T14:00:00Z' }, { status: 'success', time: '2025-06-24T15:00:00Z' }, { status: 'success', time: '2025-06-24T16:00:00Z' }, { status: 'success', time: '2025-06-24T17:00:00Z' }, { status: 'success', time: '2025-06-24T18:00:00Z' }, { status: 'success', time: '2025-06-24T19:00:00Z' }, { status: 'success', time: '2025-06-24T20:00:00Z' }, { status: 'success', time: '2025-06-24T21:00:00Z' }, { status: 'warning', time: '2025-06-24T22:00:00Z' }, { status: 'success', time: '2025-06-24T23:00:00Z' }, { status: 'success', time: '2025-06-25T00:00:00Z' }, { status: 'success', time: '2025-06-25T01:00:00Z' }, { status: 'success', time: '2025-06-25T02:00:00Z' }, { status: 'success', time: '2025-06-25T03:00:00Z' }, { status: 'error', time: '2025-06-25T04:00:00Z' }, { status: 'success', time: '2025-06-25T05:00:00Z' }, { status: 'success', time: '2025-06-25T06:00:00Z' }, { status: 'success', time: '2025-06-25T07:00:00Z' }, { status: 'success', time: '2025-06-25T08:00:00Z' }, { status: 'success', time: '2025-06-25T09:00:00Z' }, { status: 'success', time: '2025-06-25T10:00:00Z' }, { status: 'success', time: '2025-06-25T11:00:00Z' }, { status: 'success', time: '2025-06-25T12:00:00Z' }, { status: 'success', time: '2025-06-25T13:00:00Z' }, { status: 'success', time: '2025-06-25T14:00:00Z' }, { status: 'success', time: '2025-06-25T15:00:00Z' }, { status: 'success', time: '2025-06-25T16:00:00Z' }, { status: 'success', time: '2025-06-25T17:00:00Z' }, { status: 'success', time: '2025-06-25T18:00:00Z' }, { status: 'success', time: '2025-06-25T19:00:00Z' }, { status: 'success', time: '2025-06-25T20:00:00Z' }, { status: 'success', time: '2025-06-25T21:00:00Z' }, { status: 'success', time: '2025-06-25T22:00:00Z' }, { status: 'success', time: '2025-06-25T23:00:00Z' }, ] const data = deployments.map((d) => ({ color: d.status === 'success' ? 'bg-success' : d.status === 'error' ? 'bg-danger' : 'bg-warning', tooltip: `${d.status} @ ${new Date(d.time).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`, })) export default function TrackerWithoutTooltipDemo() { return ( Recent deployments Visual timeline of deployment outcomes by hour ) } 4a:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4e",null,{"registryDependencies":["https://intentui.com/r/card","https://intentui.com/r/tracker"]}]]}],["$","$L4f",null,{"sourceUrl":"https://intentui.com/r/tracker-without-tooltip-example","proxyUrl":"https://shadcnregistry.com/r/intentui/tracker-without-tooltip-example","itemId":"@intentui/tracker-without-tooltip-example"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L50",null,{"files":[{"path":"src/components/examples/visualizations/tracker/tracker-without-tooltip-example.tsx","content":"$51","type":"registry:page","target":"app/tracker-without-tooltip-example/page.tsx"}]}]]}],"$L52"]}]

Tracker Without Tooltip

Installation

Files

app

Styles