town UI Kit
韩国全国 · 前台 App / 商家端 / 总会后台共用控件
这不是静态截图:按钮、Tabs、表单反馈和密度切换均可直接操作。React 对应组件位于 packages/ui/src/components/primitives.tsx

Buttons / 按钮

主操作、次操作、轮廓、幽灵、危险和链接变体。

Card / Badge / Avatar

金美娜

Standard · 首尔特别市

活跃

卡片用于商家、会员、Pass 和审核详情等清晰的信息分组。

状态标签

草稿已发布待审核已退回模拟

统一间距与层级

12px 圆角、1px 边框、轻量阴影,适配韩国本地生活 App 的清爽密度。

Form / 表单

分类、地址、证照修改会重新审核。
已保存草稿,审核前继续显示旧资料。

错误态

请输入有效的邮箱地址。
! 邀请未发送,请检查邮箱后重试。

Tabs / 标签页

全部内容:会员、商家、优惠券和资讯。

Data Table / 数据表格

会员列表
会员所属组织Pass余额状态操作
金美娜首尔特别市Standard₩184,000活跃
张伟无归属普通₩32,500待验证
李俊浩釜山广域市Premium₩1,240,000停用

Empty / Loading / Feedback

暂无收藏

去附近优惠发现更多商家。

! 服务响应较慢,数据仍会保留。
模拟服务邮件、支付、扫描和地图均为模拟。
正在加载会员数据…