vuepress-theme-plume/docs/en/guide/markdown/container.md

title, icon, createTime, permalink

title	icon	createTime	permalink
Tip Containers	mdi:message-text-outline	2025/11/29 14:53:21	/en/guide/markdown/container/

::: tip 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
:::

Actual Effect:

::: 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 :::

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, VitePress!')
```
:::

Actual Effect:

::: caution STOP Danger zone, do not proceed :::

::: details Click to view code

console.log('Hello, VuePress Plume!')

:::