Components/Marker

Marker

A composable marker primitive for modern product interfaces.

Interactive example

Today
Three product updates require your attention.

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add marker

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { Marker, MarkerIcon, MarkerContent } from "@/components/quack/marker"

<Marker variant="separator"><MarkerIcon>★</MarkerIcon><MarkerContent>Today</MarkerContent></Marker>