--- nav: Guide group: title: Basic order: 0 --- # Markdown We have added some common components to **dumi**'s existing **markdown** built-in components ## SettingPanel A panel component that allows global debugging of theme colors. You can use this component to preview the built-in adaptation styles for all color schemes ```markdown ``` Rendering effects can be seen in the hover settings button on the right side of the document ## Alert Alerts are used to communicate a state that affects a system, feature or page. ### Status - **error** ```markdown There was an error processing your request ```
There was an error processing your request
- **success** ```markdown Data uploaded to the server. Fire on! ```
Data uploaded to the server. Fire on!
- **warning** ```markdown Seems your account is about expire, upgrade now ```
Seems your account is about expire, upgrade now
- **info** ```markdown Chakra is going live on August 30th. Get ready! ```
Chakra is going live on August 30th. Get ready!
### Variant - **subtle** ```markdown Data uploaded to the server. Fire on! ```
Data uploaded to the server. Fire on!
- **top-accent** ```markdown Data uploaded to the server. Fire on! ```
Data uploaded to the server. Fire on!
- **solid** ```markdown Data uploaded to the server. Fire on! ```
Data uploaded to the server. Fire on!
- **left-accent** ```markdown Data uploaded to the server. Fire on! ```
Data uploaded to the server. Fire on!
### Title ```markdown Your Chakra experience may be degraded. ```
Your Chakra experience may be degraded.
## Ad show ad or invite info ```jsx | pure ```