Marker

Usage

import { Marker, MarkerContent, MarkerIcon } from "@zynactra/ui/marker"

<Marker>
  <MarkerIcon>
    <UserPlusIcon />
  </MarkerIcon>
  <MarkerContent>Jordan joined the project</MarkerContent>
</Marker>

Variants are default, border and separator (a divider with the text in the middle). Make it a link or button with render. For live work, add role="status" and the shimmer class on the content.

Guidelines

• Markers report; they don't ask. If the user must respond, use a message or an Alert.
• One line. Past that, it's a message.
• Use shimmer only while something is actually running, and remove it when it finishes.