- VuePress<Badge type="tip" text="2" vertical="top" />
- VuePress<Badge type="warning" text="2" vertical="middle" />
- VuePress<Badge type="danger" text="2" vertical="bottom" />

::: tip 提示
这是一个提示
:::


::: warning 警告
这是一个警告
> aaa
:::


::: danger 危险警告
这是一个危险警告
```js
const foo = 'foo'
```
:::


::: details 详细信息
这是一个 details 标签
:::


:::: code-group
::: code-group-item FOO
```js
const foo = 'foo'
```
:::
::: code-group-item BAR
```js
const bar = 'bar'
```
:::
::::


<CodeGroup>
  <CodeGroupItem title="YARN">

```bash:no-line-numbers
yarn
```

  </CodeGroupItem>

  <CodeGroupItem title="NPM" active>

```bash:no-line-numbers
npm install
```

  </CodeGroupItem>
</CodeGroup>