wangjia
5a1e185b1a
phosphor console v1.1 设计系统（从现网 web/style.css 演化）：tokens(colors/effects/ typography/fonts) + components(core/forms/surfaces .jsx) + ui_kits(console + console_mobile) + assets/icons(15 双色 SVG) + guidelines + CLAUDE/SKILL/readme。供 B1–B6 重构任务对照实现。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
17 lines
688 B
TypeScript
17 lines
688 B
TypeScript
/**
|
|
* Maestro 按钮。直角、等宽字体、hover 抬升或辉光。
|
|
* @startingPoint section="Components" subtitle="五种变体的等宽直角按钮" viewport="700x180"
|
|
*/
|
|
export interface ButtonProps {
|
|
/** 'default' 描边 · 'solid' 实心绿(主操作) · 'ghost' 无边框 · 'accept' 绿描边(通过) · 'reject' 红描边(驳回) */
|
|
variant?: 'default' | 'solid' | 'ghost' | 'accept' | 'reject';
|
|
/** 'xs' 紧凑尺寸（区块头内联动作） */
|
|
size?: 'xs';
|
|
disabled?: boolean;
|
|
type?: 'button' | 'submit';
|
|
onClick?: () => void;
|
|
style?: React.CSSProperties;
|
|
children?: React.ReactNode;
|
|
}
|
|
export declare function Button(props: ButtonProps): JSX.Element;
|