Marker

A small inline status or step marker for a conversation timeline.

shadcn/ui docs
Searched the web

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/marker.json

Usage

import { Marker, MarkerIcon, MarkerContent } from '@/components/ui/marker'
<Marker>
  <MarkerIcon>
    <GlobeIcon />
  </MarkerIcon>
  <MarkerContent>Searched the web</MarkerContent>
</Marker>

Examples

Default

Searched the web

Separator

Yesterday

With Spinner

Thinking...