Marker

Solid adapter

Registry output

import { Marker, MarkerContent, MarkerIcon } from '@tile-ui/solid';
export default function MarkerDemo() {
	return (
		<div class="component-preview__stack">
			<Marker>
				<MarkerIcon />

Use Marker to annotate or divide supporting content.

Registry install

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

Package usage

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

<Marker variant="separator">
	<MarkerIcon />
	<MarkerContent>Status</MarkerContent>
</Marker>

Highlights

Default, separator, and border variants
Native div root
Optional icon primitive

Registry dependencies

Item	Purpose
`marker`	Component source and module styles
`core`	Framework-agnostic logic helpers
`styles`	Shared SCSS tokens and globals

API reference

Prop	Type	Default
`variant`	`'default' \| 'separator' \| 'border'`	—

MarkerIcon

No custom props.

MarkerContent

No custom props.

Badge
Item
Empty