{"name":"marker","title":"Marker","description":"Displays an inline status, system note, bordered row, or labeled separator in a conversation.","installCommand":"bunx marko-ui add marker -y","usageTags":", , ","importSnippet":"import Marker from \"@/components/ui/marker/marker.marko\";\nimport MarkerIcon from \"@/components/ui/marker/icon.marko\";\nimport MarkerContent from \"@/components/ui/marker/content.marko\";","usageSnippet":"\n \n \n \n Explored 4 files\n","tags":["Marker","MarkerContent","MarkerIcon"],"parts":[],"props":[{"name":"asChild","type":"boolean","required":false,"description":"shadcn's source renders via Radix `Slot.Root` when `asChild` is set, so\nthe marker's own attrs/class merge onto the single child element instead\nof wrapping it in a `
`. Marko has no equivalent runtime slot-merge\nprimitive, so `asChild` is accepted for API parity but is a no-op here:\nwe always render the wrapping `
`. Content still renders normally."},{"name":"variant","type":"'default' | 'separator' | 'border' | null | undefined","required":false}],"events":[],"keyboard":[],"accessibilityNotes":["`Marker` is presentational by default — the correct role depends on how you use it, so choose based on intent rather than a single default.","For streaming or progress markers (e.g. \"Thinking...\", a running tool), set `role=\"status\"` so assistive tech announces the update as it appears. `Marker` forwards `role` to the underlying element.","A labeled separator (date, section label) needs no role — its divider lines are decorative CSS, and the label text is announced as ordinary content. Do not add `role=\"separator\"` to a labeled divider: that role takes its accessible name from `aria-label`, not from visible text, so the label would go unannounced. Reserve `role=\"separator\"` for a divider with no meaningful text.","A bordered marker (`variant=\"border\"`) keeps the same semantics as the default marker — its border is decorative, so choose `role=\"status\"` or no role based on the marker's purpose.","`MarkerIcon` is decorative and hidden from assistive tech with `aria-hidden`, so the adjacent `MarkerContent` carries the meaning. For an icon-only marker, provide an `aria-label` or visible text so it is not announced as empty.","When a marker links or triggers an action, upstream renders it as a real `\n
\n","description":"Upstream turns a marker into a link or button via a `render` prop. Our `Marker` has no `render` prop and accepts `asChild` for API parity only — Marko has no runtime slot-merge primitive, so the prop is a no-op and `Marker` always renders its own wrapping `