Empty
Refers to a state in which the current scene has no corresponding data content.
Install
npm install @arco-design/web-react@2.66.18
Import @arco-design/web-react/dist/css/arco.css at the entry and set the locale with ConfigProvider. React 19 projects must also import @arco-design/web-react/es/_util/react-19-adapter first, or imperative APIs such as Message and Modal cannot render.
Examples
- Basic: Basic usage of
Emptycomponent. - Customize Icon and Description: You can pass in custom icons through the
iconparameter, anddescriptionto modify the description. - Customize Image: You can pass in the image URL through the
imgSrcparameter.
Examples come from the official Arco Design repository (MIT) at the commit published as npm 2.66.18. Some use online images or upload endpoints; network requests are disabled in previews.
API
Empty
| Property | Description | Type | DefaultValue |
|---|---|---|---|
| imgSrc | Replace icon with picture | string | - |
| description | Description of empty content | ReactNode | - |
| icon | Custom icon | ReactNode | - |
| className | Additional css class | string | string[] | - |
| style | Additional style | CSSProperties | - |