组件总览

按分类浏览所有组件。

?

41 个组件

?基础组件2

?Button

使用像素风格的按钮触发操作，支持多种类型、尺寸和状态。

?Icon

内置 486 个像素图标，支持旋转、跳动、弹跳等动画。

?表单组件10

?Input

文本输入框，支持清除、密码切换和前后缀插槽。

?Checkbox

使用像素风格复选标记从一组选项中多选。

?Radio

从一组选项中选择一个单选项。

?Filter

基于标签的多选过滤器，用于快速筛选数据。

?Switch

在开启和关闭状态间切换，具有 3D 斜面效果。

?Select

从像素风格的下拉列表中选择一个选项。

?FileInput

使用像素风格的文件输入控件上传文件。

?Calendar

像素风格日历组件，支持日期选择、月份导航和键盘操作。

?Form

布局和验证表单字段，内置验证规则。

?Validator

独立验证组件，集成 zod。

?数据展示13

?Badge

在元素上显示小型计数或状态标记。

?ChatBubble

以像素风格对话气泡展示聊天消息。

?Indicator

在元素角落附加指示器，用于状态或计数显示。

?Avatar

以像素风格显示用户头像图片或首字母。

?Card

包含头部、主体和底部的容器，用于内容分组。

?Carousel

使用像素风格箭头和指示器循环展示幻灯片。

?Progress

像素风格的分段填充进度条。

?Table

数据表格，支持斑马纹、边框、固定行列。

?Collapse

可展开面板，用于显示和隐藏内容区域。

?Collapsible

简单的单项折叠切换组件，用于显示或隐藏内容块。

?Pixelate

对图片应用实时像素化效果。

?Diff

通过可拖动分割线并排对比两个内容。

?Kbd

以像素风格 3D 斜面效果展示键盘按键。

?布局组件3

?Divider

使用水平或垂直线分隔内容。

?Drawer

从屏幕任意边缘滑入的面板。

?Resizable

可调整大小的面板，通过拖拽分隔线实现灵活布局。

?导航组件3

?Link

像素风格的超链接，支持图标。

?Breadcrumb

通过面包屑导航显示当前页面路径。

?Command

可搜索的命令面板，支持键盘导航和弹窗模式。

?反馈组件10

?Alert

显示带有上下文颜色的重要消息。

?Tooltip

悬停时以像素风格弹出层显示额外信息。

?Message

页面顶部的轻量级全局反馈消息。

?Notification

在屏幕角落显示通知面板。

?Popconfirm

在执行操作前弹出确认框。

?MessageBox

用于警告、确认和输入的模态对话框。

?Loading

在内容加载时显示遮罩层。

?Dropdown

可切换的操作和导航链接菜单。

?Skeleton

带动画效果的骨架屏占位加载状态。

?ContextMenu

右键激活的菜单，支持子菜单、复选框和单选项。