UI Components Template Gallery

自用UI组件库

按钮组件

Button Variants

表单组件

Input Components

Selection Components

展示组件

Badges & Progress

Default
Secondary
Destructive
Outline

Avatar & Alerts

DKJC

布局组件

Tabs

这是标签页 1 的内容。

Accordion

交互组件

Dialog & Popover

Tooltip

数据展示

Table

姓名邮箱状态操作
张三zhangsan@example.com
活跃
李四lisi@example.com
待审核

Skeleton Loading

导航组件

Breadcrumb

Navigation Menu

Pagination

Command Menu

按下 K 打开命令菜单

高级反馈组件

Alert Dialog

Hover Card

Context Menu

右键点击此处

Drawer & Sheet

高级布局组件

Aspect Ratio

16:9 宽高比示例

Collapsible

可折叠内容标题

这是始终可见的内容。

Resizable

左侧面板
右侧面板

Scroll Area

可滚动区域示例

这是一个可滚动区域的示例内容。

当内容超出容器高度时,将显示滚动条。

您可以使用鼠标滚轮或触控板滚动查看更多内容。

这是更多的内容...

继续滚动查看更多。

这是更多的内容...

继续滚动查看更多。

这是更多的内容...

继续滚动查看更多。

这是最后一行内容。