本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Data Dense

数据密集组件配方

font-medium rounded transition-colors duration-150 bg-[#3b82f6] text-white hover:bg-[#2563eb] active:scale-[0.97]
button

按钮

Compact inline action button for high-density admin panels

基础骨架
font-medium rounded transition-colors duration-150
变体
主要、次要、危险
状态
hover、active、disabled
card

指标卡片

Compact KPI metric card with change indicator

基础骨架
bg-white rounded border border-[#e2e8f0] transition-colors duration-150
变体
默认、高亮
状态
hover
input

过滤输入

Small filter input for data table toolbars

基础骨架
bg-white rounded border border-[#e2e8f0] text-[#1e293b] placeholder:text-[#94a3b8] focus:outline-none transition-colors duration-150
变体
默认、填充
状态
focus、disabled