Skip to content

Commit fc6f12b

Browse files
committed
docs: update content
1 parent 45a515d commit fc6f12b

File tree

1 file changed

+59
-7
lines changed

1 file changed

+59
-7
lines changed

packages/docs/getting-started/introduction.md

Lines changed: 59 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,36 +9,74 @@ menu: Getting started
99

1010
### Npm
1111

12+
<CTabs :activeItemKey="1">
13+
<CTabList variant="underline-border">
14+
<CTab :itemKey="1">CoreUI</CTab>
15+
<CTab :itemKey="2">CoreUI PRO</CTab>
16+
</CTabList>
17+
<CTabContent>
18+
<CTabPanel :itemKey="1">
19+
1220
```bash
1321
npm install @coreui/vue @coreui/coreui
1422
```
15-
16-
If you use CoreUI PRO version.
23+
</CTabPanel>
24+
<CTabPanel :itemKey="2">
1725

1826
```bash
1927
npm install @coreui/vue-pro @coreui/coreui-pro
2028
```
29+
</CTabPanel>
30+
</CTabContent>
31+
</CTabs>
32+
2133

2234
### Yarn
2335

36+
<CTabs :activeItemKey="1">
37+
<CTabList variant="underline-border">
38+
<CTab :itemKey="1">CoreUI</CTab>
39+
<CTab :itemKey="2">CoreUI PRO</CTab>
40+
</CTabList>
41+
<CTabContent>
42+
<CTabPanel :itemKey="1">
43+
2444
```bash
2545
yarn add @coreui/vue @coreui/coreui
2646
```
27-
28-
If you use CoreUI PRO version.
47+
</CTabPanel>
48+
<CTabPanel :itemKey="2">
2949

3050
```bash
3151
yarn add @coreui/vue-pro @coreui/coreui-pro
3252
```
53+
</CTabPanel>
54+
</CTabContent>
55+
</CTabs>
3356

3457
## Using components
3558

36-
```ts
59+
<CTabs :activeItemKey="1">
60+
<CTabList variant="underline-border">
61+
<CTab :itemKey="1">CoreUI</CTab>
62+
<CTab :itemKey="2">CoreUI PRO</CTab>
63+
</CTabList>
64+
<CTabContent>
65+
<CTabPanel :itemKey="1">
66+
67+
```js
3768
import { CAlert } from '@coreui/vue';
69+
```
70+
</CTabPanel>
71+
<CTabPanel :itemKey="2">
3872

39-
// CoreUI PRO version
73+
```js
4074
import { CAlert } from '@coreui/vue-pro';
4175
```
76+
</CTabPanel>
77+
</CTabContent>
78+
</CTabs>
79+
4280

4381
## Stylesheets
4482

@@ -48,12 +86,26 @@ Vue components are styled using the `@coreui/coreui` or `@coreui/coreui-pro` CSS
4886

4987
###### Basic usage
5088

89+
<CTabs :activeItemKey="1">
90+
<CTabList variant="underline-border">
91+
<CTab :itemKey="1">CoreUI</CTab>
92+
<CTab :itemKey="2">CoreUI PRO</CTab>
93+
</CTabList>
94+
<CTabContent>
95+
<CTabPanel :itemKey="1">
96+
5197
```js
5298
import '@coreui/coreui/dist/css/coreui.min.css'
99+
```
100+
</CTabPanel>
101+
<CTabPanel :itemKey="2">
53102

54-
// CoreUI PRO version
103+
```js
55104
import '@coreui/coreui-pro/dist/css/coreui.min.css'
56105
```
106+
</CTabPanel>
107+
</CTabContent>
108+
</CTabs>
57109

58110
### Bootstrap CSS files
59111

0 commit comments

Comments
 (0)