Component
Marker
A numbered accent chip — dot form for lists, pin form for points on a canvas.
import { Marker } from '@loidolt/theme-svelte';
Example
1Comment 1 2Comment 2, highlighted 3Pin 3
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
active | boolean | false | |
class | string | — | |
label | string | — | Accessible name, e.g. "Comment 3". Omit when adjacent text already names it. |
number | number | — | |
ref bindable | HTMLSpanElement | null | null | |
shape | 'dot' | 'pin' | 'dot' | dot sits in lists; pin is the teardrop that points at a spot on a canvas. |
Plus the attributes of HTMLAttributes<HTMLSpanElement>, forwarded to the root element.