Skip to content

组件概览

Kupola 的组件按能力分组维护,所有组件都支持主包引入和按需引入。公开库使用时推荐按需引入,配合 @kupola/platform/css@kupola/platform/css/components 使用库内置样式。

安装

bash
npm install @kupola/core @kupola/platform

引入方式

js
import '@kupola/platform/css'

// 完整入口
import { Modal, Table, Form } from '@kupola/components'

// 按需入口
import { Modal } from '@kupola/components/modal'
import { Table } from '@kupola/components/table'

分类导航

分类组件说明
覆盖层Modal, Dropdown, Drawer, Dialog, Notification, Tooltip弹窗、抽屉、浮层、全局通知
导航Tabs, Pagination, Datepicker, Breadcrumb, Menu, Calendar页面切换、分页、日期与路径导航
表单Form, Input, Select, Checkbox, Radio, Switch, Slider, NumberInput, Textarea, Timepicker, Validation输入、选择、校验和表单数据管理
反馈Alert, Progress, Skeleton, Spin, Empty, Countdown状态反馈、加载、空态和倒计时
展示Tag, Badge, Divider, Collapse, Timeline, Kbd, Avatar, Statcard, Tree, Carousel信息展示、数据层级、折叠面板和内容轮播
交互FileUpload, DynamicTags, ImagePreview, ColorPicker, VirtualList文件、标签、图片、颜色和大数据列表
工具Icons, Message, Heatmap, Table图标、全局消息、热力图和数据表格

重点文档

  • Modal: 可控模态框,支持遮罩关闭、ESC 关闭和聚焦管理。
  • Form: 表单字段收集、校验、数据读写和提交处理。
  • Table: 数据表格,支持分页、排序、筛选、选择、树表和行编辑。