SuperAPI AI 工具集

ant-design

设计与创作

查看项目

更新于 10-16 00:29

技能介绍

用途:Ant Design(antd)是面向企业级 React 应用的 UI 组件库,适合构建管理后台、数据表格、复杂表单等界面。

主要能力:提供 Button、Form、Table、Modal、Notification/Message、Menu、Breadcrumb、Tabs、Card、Drawer、Layout、Select、Upload、DatePicker/TimePicker 等组件;支持通过 ConfigProvider 与设计令牌(token)进行主题定制,包括暗色(darkAlgorithm)与紧凑(compactAlgorithm)模式;图标从 @ant-design/icons 引入。

使用方式:先执行 npm install antd,再从 antd 导入组件。例如用 ConfigProvider 包裹应用并传入 theme={{ token: { colorPrimary: '#1677ff' } }} 设置主色;表单使用 Form.useForm() 获取实例,配合 Form.Item 的 rules 做校验;消息与通知推荐使用 notification.useNotification() 与 message.useMessage() 的钩子式 API 及对应 contextHolder。可用 theme.useToken() 读取主题令牌。

适用场景:中后台系统、数据密集型页面、表单与表格交互、需要统一视觉规范的前端界面。

限制:本资料未提供收费、价格、平台支持范围、性能数据及具体使用步骤之外的说明,相关事实暂未提供。