## Installation [#installation] npm pnpm yarn bun ```bash npx shadcn@latest add @dotui/marker ``` ```bash pnpm dlx shadcn@latest add @dotui/marker ``` ```bash yarn dlx shadcn@latest add @dotui/marker ``` ```bash bun x shadcn@latest add @dotui/marker ``` ## Usage [#usage] ```tsx import { Marker, MarkerContent } from "@/ui/marker" ``` ```tsx Today ``` ## Anatomy [#anatomy] `Marker` is the row; `variant` picks its treatment — `separator` centers the content between two hairlines, `border` underlines the row, and the default renders it plain. `MarkerIcon` holds an optional leading icon, hidden from assistive technology. ```tsx import { Marker, MarkerContent, MarkerIcon } from "@/ui/marker" ``` ```tsx 3 unread messages ``` ## Examples [#examples] ## API Reference [#api-reference] ### Marker [#marker] ### MarkerIcon [#markericon] ### MarkerContent [#markercontent]