按钮
Compact sidebar-friendly button with icon support for dashboard navigation
- 基础骨架
font-medium rounded-lg flex items-center gap-2 transition-colors duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
固定侧边栏布局组件配方
font-medium rounded-lg flex items-center gap-2 transition-colors duration-200 bg-blue-500 text-white hover:bg-blue-600 active:bg-blue-700卡片
Main content area card with subtle border for dashboard-like interfaces
- 基础骨架
bg-white rounded-xl border border-zinc-200 transition-shadow duration-200- 变体
- 默认、扁平、指标
- 状态
- hover
输入框
Compact search input for sidebar navigation and toolbar
- 基础骨架
w-full bg-zinc-100 border-0 rounded-lg text-sm text-zinc-900 placeholder:text-zinc-400 focus:outline-none transition-all duration-200- 变体
- 默认、边框
- 状态
- focus、disabled