Search
Copy Code
Previous: Badge
Next: Kbd
Close Terminal
Light Mode
Build passed in 42s
Today
marker-demo.tsx
prompt.md
Collapse
Reset
Copy Code
Download
Run
1
"use client";
2
3
import { CheckCircle2 } from "lucide-react";
4
5
export function MarkerDemo() {
6
return (
7
<div className="flex flex-col w-full max-w-[320px] gap-4 font-sans">
8
<div className="flex items-center gap-2.5 text-zinc-700 dark:text-zinc-300 px-2">
9
<CheckCircle2 className="w-4 h-4 text-zinc-400 dark:text-zinc-500" />
10
<span className="text-[13px] font-medium">Build passed in 42s</span>
11
</div>
12
<div className="flex items-center gap-3 w-full">
13
<div className="h-[1px] flex-1 bg-black/10 dark:bg-white/10" />
14
<span className="text-[11px] font-medium text-zinc-400 dark:text-zinc-500 uppercase tracking-[0.15em]">Today</span>
15
<div className="h-[1px] flex-1 bg-black/10 dark:bg-white/10" />
16
</div>
17
</div>
18
);
19
}
20