Tip Containers
Overview
Tip containers help you highlight important information in your documentation, making the content hierarchy clearer.
Tip containers define different information display styles through type, title, and content.
Default Title Styles
Input Example:
::: note
This is a note container
:::
::: info
This is an info container
:::
::: tip
This is a tip container
:::
::: warning
This is a warning container
:::
::: caution
This is a danger warning container
:::
::: details
This is a details collapsible container
:::
::: important
This is an important container
:::
::: danger
This is a danger container
:::Actual Effect:
Note
This is a note container
Info
This is an info container
Tips
This is a tip container
Warning
This is a warning container
Caution
This is a danger warning container
Details
This is a details collapsible container
Important
This is an important container
Caution
This is a danger container
Custom Title Settings
You can easily set custom titles by adding text after the container type.
Input Example:
::: caution STOP
Danger zone, do not proceed
:::
::: details Click to view code
```js
console.log('Hello, VuePress Plume!')
```
:::Actual Effect:
STOP
Danger zone, do not proceed
Click to view code
console.log('Hello, VuePress Plume!')