83ba47ab8f
- Card 新增 tone(panel/card/soft)/flat/interactive；cardClass 兼容旧字符串签名 - Button 新增 link(coral 文字链) 变体与 lg 尺寸 - 新增原子件 Eyebrow(统一眉题) / StatusDot(状态点·读屏可见) / Skeleton(motion-safe 占位) / Meter(进度条·progressbar) - PageHeader/SectionHeader 用 display/title 字阶 + Eyebrow 眉题
24 lines
555 B
TypeScript
24 lines
555 B
TypeScript
import type { ReactNode } from "react";
|
||
|
||
import { cn } from "@/lib/ui/variants";
|
||
|
||
interface EyebrowProps {
|
||
children: ReactNode;
|
||
className?: string;
|
||
}
|
||
|
||
// 眉题/小标签：无衬线、eyebrow 字号（含正字距 0.08em）、说明色、大写。
|
||
// 统一各页此前 mono/uppercase 互不一致的小标签写法。
|
||
export function Eyebrow({ children, className }: EyebrowProps) {
|
||
return (
|
||
<p
|
||
className={cn(
|
||
"font-sans text-eyebrow uppercase text-muted-soft",
|
||
className,
|
||
)}
|
||
>
|
||
{children}
|
||
</p>
|
||
);
|
||
}
|