Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitfc6f12b

Browse files
committed
docs: update content
1 parent45a515d commitfc6f12b

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+
<CTabListvariant="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+
<CTabListvariant="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+
<CTabListvariant="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+
<CTabListvariant="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)
[8]ページ先頭
©2009-2025 Movatter.jp