Arco Design React — Skills Reference

@arco-design/web-react — An enterprise-level React UI component library by ByteDance.

Critical Conventions

Always follow these rules when writing Arco Design code:

Imports: import { Button, Table, Form } from '@arco-design/web-react' — always from the package root, never from sub-paths like @arco-design/web-react/es/Button
Icons: import { IconSearch, IconPlus } from '@arco-design/web-react/icon'
Types: import type { TableProps, FormInstance } from '@arco-design/web-react'
Styles: import '@arco-design/web-react/dist/css/arco.css' (full) or configure on-demand loading
Date library: dayjs (NOT moment.js)
Controlled mode: value + onChange; Uncontrolled: defaultValue
Sub-components: accessed via Component.Sub pattern — Form.Item, Select.Option, Menu.SubMenu, Input.Search, Input.TextArea, Grid.Row, Grid.Col
Form.Item uses field prop (not name like Ant Design)
Switch in Form requires triggerPropName="checked"