返回配方目录
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