CodeGroup
Mr.Hope ... 2022-1-22 Less than 1 minute
The theme provides you a code group.
# Config
module.exports = {
themeConfig: {
mdEnhance: {
codegroup: true,
},
},
};
1
2
3
4
5
6
7
2
3
4
5
6
7
# Usage
You need to use code-group container outside, and place only code-group-item container inside it.
You need to set title for each code-group-item container, and place one code block in each code-group-item container.
If you want some item be actived by default, you can append a :active suffix at the end of title.
# Demo
:::: code-group
::: code-group-item yarn
```bash
yarn add -D vuepress-theme-hope
```
:::
::: code-group-item npm:active
```bash
npm i -D vuepress-theme-hope
```
:::
::::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19