Marker

Ready

Annotates a point on a surface.

Installation

$ npx @oratiq-js/ui add marker

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

import

import { Marker, MarkerSurface, MarkerWithPopover } from "@/components/ui/marker";

Positioned with inset-inline-start, so a marker at 25% sits 25% from the reading edge in both directions.