组件 · 数据展示
Marker 标记
标记点/标记内容展示。
使用建议
- 避免：杜撰未导出色板值
- 限制：属性与导出以 @selrux/ui 对应子路径 d.ts/源码为准，禁止臆造
引入
tsx
import { Marker, MarkerContent, MarkerIcon } from '@selrux/ui/marker';演练场
调节下方可实现的字面量属性，实时预览真实组件。函数、Portal、样式逃生口等见代码演示与 API 表。
已完成
代码演示
基础用法
图标 + 内容的状态标记。
已完成
需处理
分隔标记
variant="separator"，用于时间线或消息流中的日期分隔。
今天
尺寸与多态
size；render 把根渲染为链接等其他元素。
API
属性覆盖：示例用到 3 / 3 个自有属性（100%）
由 scripts/demo-coverage.mjs 统计，不含 className / style / 原生透传属性与纯转发事件。
Marker
主题化会话标记根。
对齐 shadcn Base Marker；支持 render 多态（如链接 / 按钮根）。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
size | - | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | - |
variant | 行样式：内联 / 底边 / 居中分隔。 | "separator" | "default" | "border" | - |
render | 根元素替换；须为单个可接收 ref 的 React 元素。
与 Trigger 不同：传 render 时仍可传 children 作为标记内容。 | ReactElement<unknown, string | JSXElementConstructor<any>> | - |
另有 280 项原生属性与事件继承自 HTMLAttributes，原样透传。
MarkerContent
主题化标记文案。
流式状态可叠加全局 .shimmer（见 styles/shimmer.css）。
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
MarkerIcon
主题化装饰图标槽（辅助技术默认隐藏）。
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
导出类型：MarkerContentProps、MarkerIconProps、MarkerProps、MarkerSize