Button 族（Primary/Secondary/…）

稳定基础galleryId: button

主路径：本站远程 Kuikly H5 可点演示。真机验收 = Gallery APK。设计稿图仅作版式对照。

守赚 UI 是业务组件库与主题体系；依赖官方跨端渲染，不替代官方引擎。

在线交互演示

远程嵌入 Kuikly H5 预览（证明 H5，不代表 Android/iOS/鸿蒙）。宿主能力可能降级。Android 真机请扫 https://apk-dl.zrlmeng.com/ui.apk。

远程 Kuikly H5

安卓端 Gallery APK

https://apk-dl.zrlmeng.com/ui.apk

固定 ESA · 永钉 ui.apk（com.ztdh.ui）。新版本只覆盖对象、不改链。

真机联调 ADB 命令

adb shell am start -n com.ztdh.ui/com.ztdh.example.aarhost.design.HostDesignRenderActivity -e pageName design_system_gallery -e component button

深链 scheme（仅复制 · 手机扫不了）

pd://gallery/component?id=button

Kotlin

Name	Type	说明
`text`	String	按钮文案
`onClick`	() → Unit	点击回调
`variant`	AppButtonVariant	Primary/Secondary/Outline/Dashed/Thin
`size`	AppButtonSize	Xs/Sm/Md/Lg
`loading`	Boolean	加载态
`enabled`	Boolean	可交互

契约对齐 platform-design App*；须在真机 Gallery 验证。

Kotlin / Kuikly Compose

AppButton(
  text = "确认提交",
  type = ButtonType.Primary,
  onClick = { /* Gallery Story */ },
)

设计稿对照（非 Demo）宽屏 · 窄屏

静态 screen.png 仅作版式对照，不可点。交互请用上方「在线交互演示」。