Skip to content

Marker

A muted inline label row with an optional icon for annotating lists, feeds, and timelines — usable as a plain note, a centered separator, or a bordered section heading.

Marker
Order #4821
Chat with support · Late delivery
Alex from Support joined the chat
Today
A
Alex
Hi Maya, sorry your order is running late. I’m checking with the courier right now.
Thanks! It was due at 7 PM.
Your courier is 5 minutes away
Refund of $4.99 issued for the delay · View receipt

Installation

pnpm dlx shadcn@latest add @sortui/marker

Usage

import {
  Marker,
  MarkerIcon,
  MarkerContent,
} from "@/components/ui/marker"

Examples

Variants

Maya pinned a message
Yesterday
Weekend in Porto

Loading

Searched 48 hotels in Lisbon
Filtered by your dates and budget
Comparing guest reviews…
Pick the best three for you

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access