Components / Marker

Marker

A generic labeled indicator for status, sequence or lightweight metadata.

Active

Queued

Blocked

example.component.html

html

<aevko-marker variant="muted">
  Queued
</aevko-marker>

Installation

npx aevko-ui@latest add marker --yes

Source ownership

Use the small visual indicator inside lists, timelines or metadata and adapt its neutral variants through local tokens.

Edit locallyThe installed template and stylesheet are application code, not a black box.

Theme semanticallyOverride --aevko-* tokens or ordinary classes without !important.

Compose freelySlots accept native elements, SVG, images or Angular components.

Property or slot	Type	Default	Description
`variant`	`'default' \| 'muted' \| 'danger'`	`'default'`	Neutral status treatment for the decorative dot.
`content`	`projected text`	`required`	Human-readable meaning of the marker.

Accessibility contract

The visual dot is decorative and the projected text communicates the marker meaning.

Always include meaningful text because the dot color and position cannot carry status by themselves.