Basic Components
Information Page
The information page component is used to display empty states, success, error, and other information pages, and can include titles, illustrations, descriptive text, and action buttons.
Usage Examples
Basic Usage
The most basic information page usage, including title, illustration, and descriptive text.
300px
Information Page with Button
Information page with an action button, suitable for scenarios requiring user actions.
300px
Custom Content
Customize the information page content area using the default slot.
300px
Properties
| Property | Basic component module for translation keys shared across all component documentation pages | Type | Default |
|---|---|---|---|
| title | Information page title | string | |
| svg | SVG illustration path | string | |
| buttonText | Button text | string | '' |
Events
| Event | Basic component module for translation keys shared across all component documentation pages | Parameters |
|---|---|---|
| click | Triggered when the button is clicked | No parameters |
Slots
| Slot | Basic component module for translation keys shared across all component documentation pages |
|---|---|
| default | Information page content area, can place custom content |
Design Empowers, Innovation Unlimited