按钮
Compact functional button for data-focused dashboard interfaces
- 基础骨架
font-medium rounded-lg transition-colors duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
仪表盘布局组件配方
font-medium rounded-lg transition-colors duration-200 bg-[#6366f1] text-white hover:bg-[#4f46e5] active:bg-[#4338ca]卡片
KPI metric card with subtle border for data dashboard panels
- 基础骨架
bg-white rounded-xl border border-gray-100 transition-shadow duration-200- 变体
- 默认、指标、图表
- 状态
- hover
输入框
Compact search input for dashboard toolbar and filter panels
- 基础骨架
w-full bg-gray-50 border border-gray-200 rounded-lg text-sm text-[#111827] placeholder:text-gray-400 focus:outline-none transition-all duration-200- 变体
- 默认、白色
- 状态
- focus、disabled