arco-design-skills
Arco Design React 组件库 Skills
@arco-design/web-react — 字节跳动 ArcoDesign 团队出品的企业级 React UI 组件库。
关键规范
- 导入:
import { Button, Table, Form } from '@arco-design/web-react' - 图标:
import { IconXxx } from '@arco-design/web-react/icon' - 类型:
import type { ButtonProps } from '@arco-design/web-react' - 样式: 全量
import '@arco-design/web-react/dist/css/arco.css'或按需加载 - 日期库: dayjs(非 moment)
- 受控模式:
value+onChange;非受控模式:defaultValue - 子组件: 通过
Component.SubComponent访问,如Form.Item、Select.Option、Menu.SubMenu
如何使用此 Skill 集
当需要使用 Arco Design 组件时,根据具体需求加载对应的参考文件:
More from arco-design/arco-design-skill
arco-design
Arco Design React UI component library reference (@arco-design/web-react). Use this skill whenever the user asks to build a page, create a UI, write frontend code, develop a web application, design a dashboard, or implement any React interface — especially when they mention Arco, arco-design, @arco-design/web-react, or any Arco component name (Button, Table, Form, Modal, Select, Menu, etc.). Covers all 70 components with full API, code examples, import patterns, theming, i18n, layout, forms, tables, modals, navigation, data entry, data display, feedback, responsive design, and best practices.
103arco-design-vue
Arco Design Vue UI 组件库参考,面向 Vue 3 和 `@arco-design/web-vue`。当用户要求构建 Vue 页面、创建 Vue UI、使用 Arco Vue 编写前端代码、开发 Vue 仪表盘或应用,或提到 Arco Design Vue、`@arco-design/web-vue`、`a-button`、`a-table`、`a-form`、`a-modal`、`a-select`、`Message`、任意 Arco Vue 组件名时使用。覆盖安装、全局注册、按需加载、主题、国际化、Vue 3 Composition API 约定、组件属性/事件/插槽、示例、表单、表格、弹窗、导航、数据录入、数据展示、反馈和响应式布局。
20