Marker

Use Marker to annotate content with visual variants.

import { Marker, MarkerIcon, MarkerContent } from '@tile-ui/react';

export default function MarkerDemo() {
	return (
		<div className="button-group">
			<Marker variant="default">

Registry install

pnpm dlx shadcn@latest add @tile-ui/marker

Package usage

import { Marker, MarkerIcon, MarkerContent } from '@tile-ui/react';
 
<Marker variant="separator">
	<MarkerIcon />
	<MarkerContent>Status</MarkerContent>
</Marker>

Highlights

• Default, separator, and border variants
• Icon and content
• asChild support

Registry dependencies

API reference

Marker

Related docs

• Badge
• Item
• Empty