Apeiron UI

组件总览

Apeiron 的统一视觉语言。在这里查看基础规范、比较组件变体,并体验交互。

按钮

触发操作,提供多种样式、尺寸、语气与加载态。

输入框

单行文本输入,支持前后缀、清除和字数统计。

邮箱
用于接收通知
表单项

为表单控件提供标签、帮助文字和错误信息。

保存后立即生效
文字提示

悬停显示的简短说明,移动端改为点击触发。

快速开始

引入样式

在应用的全局样式文件中引入组件库样式,包含颜色变量与动画。

globals.css
@import 'tailwindcss';
@import '@apeiron/ui/styles.css';

/* 让 Tailwind 扫描组件库源码中的类名 */
@source '../node_modules/@apeiron/ui/src';