Button
按钮组件 - Zine Mark 风格的粗边框、实色阴影和手绘感交互
案例展示
按钮在实际场景中的使用示例
基础按钮
表单提交场景
带图标按钮
图标按钮
特殊 CTA 按钮
适用于 Hero 区域和营销页面的特殊按钮样式
Hero CTA 按钮
动效按钮
播放和下载按钮
渐变和特殊背景
覆盖样式
使用 className 覆盖默认样式，展示按钮的自定义能力
颜色变化 Hover（非移动）
边框样式覆盖
阴影样式覆盖
自定义尺寸
圆角覆盖
变体
按钮的所有可用变体样式
Default
Secondary
Outline
Ghost
Destructive
Accent
Link
尺寸
按钮的不同尺寸
Small
Medium
Large
形状
按钮的不同形状变体
Organic (默认)
Regular
形状使用建议
- Organic (异形)：品牌展示页、营销落地页、主要 CTA 按钮
- Regular (常规)：后台管理系统、表单密集界面、工具栏操作
状态
按钮的不同交互状态
Enabled
Disabled