Marker

A flexible text and icon annotation component supporting separators, borders, and synchronized icon scaling.

Preview

Loading Preview...

bun add xiod-ui

1import { Marker, MarkerIcon, MarkerContent } from "xiod-ui/marker";

1<Marker>2  <MarkerContent>3    <MarkerIcon />4  </MarkerContent>5</Marker>

Detailed documentation of properties and options.

Prop	Type	Default	Description
`render`	`ReactElement<unknown, string` \|`JSXElementConstructor<any>>` \|`ComponentRenderFn<HTMLProps, {}>` \|`undefined`	-	Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
`size`	`"default"` \|`"sm"` \|`"lg"` \|`null` \|`undefined`	`default`
`variant`	`"default"` \|`"separator"` \|`"border"` \|`null` \|`undefined`	`default`