Skip to content

Commit 25a4614

Browse files
woothuwoothu
committed
refactor: add missing variant props
1 parent 8879ecc commit 25a4614

File tree

10 files changed

+92
-61
lines changed

10 files changed

+92
-61
lines changed

‎src/views/base/Collapses.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
<CCollapse toggler="collapse1" class="c-mt-2">
2121
<CCard body-wrapper>
2222
<p class="c-card-text">Collapse contents Here</p>
23-
<CButton id="collapse2" size="sm">
23+
<CButton id="collapse2" size="sm" variant="secondary">
2424
Toggle Inner Collapse
2525
</CButton>
2626
<CCollapse toggler="collapse2" class="c-mt-2">

‎src/views/base/Navbars.vue

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,6 @@
4444
<CNavbar
4545
toggleable="md"
4646
variant="info"
47-
sticky
4847
>
4948
<CNavbarToggle @click="show=!show"/>
5049
<CNavbarBrand href="#">NavBar</CNavbarBrand>
@@ -100,8 +99,8 @@
10099
<!-- Image and text -->
101100
<CNavbar variant="faded" light>
102101
<CNavbarBrand href="#">
103-
<img src="https://placekitten.com/g/30/30" class="c-d-inline-block c-align-top" alt="BV">
104-
BootstrapVue
102+
<img src="https://placekitten.com/g/30/30" class="c-d-inline-block c-align-top" alt="CoreuiVue">
103+
CoreuiVue
105104
</CNavbarBrand>
106105
</CNavbar>
107106
</CCardBody>
@@ -114,7 +113,7 @@
114113
<CCardBody>
115114
<CNavbar toggleable="sm" light variant="light">
116115
<CNavbarToggle @click="navbarText=!navbarText"></CNavbarToggle>
117-
<CNavbarBrand>BootstrapVue</CNavbarBrand>
116+
<CNavbarBrand>CoreuiVue</CNavbarBrand>
118117
<CCollapse :show="navbarText" navbar>
119118
<CNavbarNav>
120119
<span class="c-navbar-text">Navbar text</span>
@@ -129,9 +128,9 @@
129128
<small>dropdown</small>
130129
</CCardHeader>
131130
<CCardBody>
132-
<CNavbar>
133-
<!-- <CNavbarToggle @click="navbarDropdown = !navbarDropdown"></CNavbarToggle>
134-
<CCollapse :show="navbarDropdown" navbar> -->
131+
<CNavbar toggleable="sm" variant="primary">
132+
<CNavbarToggle @click="navbarDropdown = !navbarDropdown"></CNavbarToggle>
133+
<CCollapse :show="navbarDropdown" navbar>
135134
<CNavbarNav>
136135
<CNavItem href="#">Home</CNavItem>
137136
<CNavItem href="#">Link</CNavItem>
@@ -155,7 +154,7 @@
155154
<CDropdownItem>Settings</CDropdownItem>
156155
</CDropdown>
157156
</CNavbarNav>
158-
<!-- </CCollapse> -->
157+
</CCollapse>
159158
</CNavbar>
160159
</CCardBody>
161160
</CCard>

‎src/views/base/Table.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
:fields="fields"
1111
:per-page="small ? 10 : 5"
1212
:dark="dark"
13-
no-sorting
13+
pagination
1414
>
1515
<template #status="{item}">
1616
<td>

‎src/views/base/Tooltips.vue

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,23 +16,32 @@
1616
<CRow>
1717
<CCol col="4">
1818
<div class="c-text-center c-my-3">
19-
<CButton v-c-tooltip.hover.click="'I am a tooltip!'">
19+
<CButton
20+
variant="secondary"
21+
v-c-tooltip.hover.click="'I am a tooltip!'"
22+
>
2023
Hover Me
2124
</CButton>
2225
</div>
2326
</CCol>
2427
<CCol col="4">
2528
<div class="c-text-center c-my-3">
26-
<CButton v-c-tooltip="{content: 'I start open!', active:true }">
29+
<CButton
30+
v-c-tooltip="{content: 'I start open!', active:true }"
31+
variant="secondary"
32+
>
2733
Hover me
2834
</CButton>
2935
</div>
3036
</CCol>
3137
<CCol col="4">
3238
<div class="c-text-center c-my-3">
33-
<CButton v-c-tooltip.click="
34-
'I am showing on click and hiding on click outside tooltip!'
35-
">
39+
<CButton
40+
variant="secondary"
41+
v-c-tooltip.click="
42+
'I am showing on click and hiding on click outside tooltip!'
43+
"
44+
>
3645
Click me
3746
</CButton>
3847
</div>

‎src/views/buttons/ButtonGroups.vue

Lines changed: 37 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@
1616
<CCardBody>
1717
<div>
1818
<CButtonGroup>
19-
<CButton>One</CButton>
20-
<CButton>Two</CButton>
21-
<CButton>Three</CButton>
22-
<CButton>Four</CButton>
23-
<CButton class="c-d-sm-down-none">Five</CButton>
19+
<CButton variant="secondary">One</CButton>
20+
<CButton variant="secondary">Two</CButton>
21+
<CButton variant="secondary">Three</CButton>
22+
<CButton variant="secondary">Four</CButton>
23+
<CButton variant="secondary" class="c-d-sm-down-none">Five</CButton>
2424
</CButtonGroup>
2525
<br><br>
2626
<CButtonGroup>
@@ -44,21 +44,21 @@
4444
<CCardBody>
4545
<div>
4646
<CButtonGroup>
47-
<CButton>Left</CButton>
48-
<CButton>Middle</CButton>
49-
<CButton>Right</CButton>
47+
<CButton variant="secondary">Left</CButton>
48+
<CButton variant="secondary">Middle</CButton>
49+
<CButton variant="secondary">Right</CButton>
5050
</CButtonGroup>
5151
<br><br>
5252
<CButtonGroup size="sm">
53-
<CButton>Left</CButton>
54-
<CButton>Middle</CButton>
55-
<CButton>Right</CButton>
53+
<CButton variant="secondary">Left</CButton>
54+
<CButton variant="secondary">Middle</CButton>
55+
<CButton variant="secondary">Right</CButton>
5656
</CButtonGroup>
5757
<br><br>
5858
<CButtonGroup size="lg">
59-
<CButton>Left</CButton>
60-
<CButton>Middle</CButton>
61-
<CButton>Right</CButton>
59+
<CButton variant="secondary">Left</CButton>
60+
<CButton variant="secondary">Middle</CButton>
61+
<CButton variant="secondary">Right</CButton>
6262
</CButtonGroup>
6363
</div>
6464
</CCardBody>
@@ -72,15 +72,15 @@
7272
<CCardBody>
7373
<div>
7474
<CButtonGroup>
75-
<CButton class="c-d-sm-down-none">Button 1</CButton>
76-
<CButton class="c-d-sm-down-none">Button 2</CButton>
75+
<CButton variant="secondary" class="c-d-sm-down-none">Button 1</CButton>
76+
<CButton variant="secondary" class="c-d-sm-down-none">Button 2</CButton>
7777
<CDropdown right text="Menu" variant="success">
7878
<CDropdownItem>Item 1</CDropdownItem>
7979
<CDropdownItem>Item 2</CDropdownItem>
8080
<CDropdownDivider></CDropdownDivider>
8181
<CDropdownItem>Item 3</CDropdownItem>
8282
</CDropdown>
83-
<CButton class="c-d-sm-down-none">Button 3</CButton>
83+
<CButton variant="secondary" class="c-d-sm-down-none">Button 3</CButton>
8484
<CDropdown right split text="Split Menu" variant="info">
8585
<CDropdownItem>Item 1</CDropdownItem>
8686
<CDropdownItem>Item 2</CDropdownItem>
@@ -101,9 +101,9 @@
101101
<CCardBody>
102102
<div>
103103
<CButtonGroup vertical>
104-
<CButton>Top</CButton>
105-
<CButton>Middle</CButton>
106-
<CButton>Bottom</CButton>
104+
<CButton variant="secondary">Top</CButton>
105+
<CButton variant="secondary">Middle</CButton>
106+
<CButton variant="secondary">Bottom</CButton>
107107
</CButtonGroup>
108108
</div>
109109
</CCardBody>
@@ -125,17 +125,17 @@
125125
<div>
126126
<CButtonToolbar aria-label="Toolbar with button groups">
127127
<CButtonGroup class="c-mx-1">
128-
<CButton class="c-d-sm-down-none">&laquo;</CButton>
129-
<CButton>&lsaquo;</CButton>
128+
<CButton variant="secondary" class="c-d-sm-down-none">&laquo;</CButton>
129+
<CButton variant="secondary">&lsaquo;</CButton>
130130
</CButtonGroup>
131131
<CButtonGroup class="c-mx-1">
132-
<CButton class="c-d-sm-down-none">Edit</CButton>
133-
<CButton>Undo</CButton>
134-
<CButton>Redo</CButton>
132+
<CButton variant="secondary" class="c-d-sm-down-none">Edit</CButton>
133+
<CButton variant="secondary">Undo</CButton>
134+
<CButton variant="secondary">Redo</CButton>
135135
</CButtonGroup>
136136
<CButtonGroup class="c-mx-1">
137-
<CButton>&rsaquo;</CButton>
138-
<CButton class="c-d-sm-down-none">&raquo;</CButton>
137+
<CButton variant="secondary">&rsaquo;</CButton>
138+
<CButton variant="secondary" class="c-d-sm-down-none">&raquo;</CButton>
139139
</CButtonGroup>
140140
</CButtonToolbar>
141141
</div>
@@ -146,8 +146,8 @@
146146
class="c-d-sm-down-none"
147147
>
148148
<CButtonGroup size="sm" class="c-mx-1">
149-
<CButton>New</CButton>
150-
<CButton>Edit</CButton>
149+
<CButton variant="secondary">New</CButton>
150+
<CButton variant="secondary">Edit</CButton>
151151
</CButtonGroup>
152152
<CFormInput
153153
class="c-mb-0 c-w-25 c-mx-1"
@@ -165,20 +165,21 @@
165165
custom
166166
/>
167167
<CButtonGroup size="sm" class="c-mx-1">
168-
<CButton>Save</CButton>
169-
<CButton>Cancel</CButton>
168+
<CButton variant="secondary">Save</CButton>
169+
<CButton variant="secondary">Cancel</CButton>
170170
</CButtonGroup>
171171
</CButtonToolbar>
172172
</div>
173173
<hr/>
174174
<div>
175175
<CButtonToolbar aria-label="Toolbar with button groups and dropdown menu">
176176
<CButtonGroup class="c-mx-1 c-d-sm-down-none">
177-
<CButton>New</CButton>
178-
<CButton>Edit</CButton>
179-
<CButton>Undo</CButton>
177+
<CButton variant="secondary">New</CButton>
178+
<CButton variant="secondary">Edit</CButton>
179+
<CButton variant="secondary">Undo</CButton>
180180
</CButtonGroup>
181181
<CDropdown
182+
variant="secondary"
182183
class="c-mx-1"
183184
placement="bottom-end"
184185
button-content="Menu"
@@ -188,8 +189,8 @@
188189
<CDropdownItem>Item 3</CDropdownItem>
189190
</CDropdown>
190191
<CButtonGroup class="c-mx-1">
191-
<CButton>Save</CButton>
192-
<CButton>Cancel</CButton>
192+
<CButton variant="secondary">Save</CButton>
193+
<CButton variant="secondary">Cancel</CButton>
193194
</CButtonGroup>
194195
</CButtonToolbar>
195196
</div>

‎src/views/buttons/Dropdowns.vue

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,11 @@
1515
</CCardHeader>
1616
<CCardBody>
1717
<div>
18-
<CDropdown button-html="Dropdown Button" class="c-m-2">
18+
<CDropdown
19+
button-html="Dropdown Button"
20+
class="c-m-2"
21+
variant="secondary"
22+
>
1923
<CDropdownItem>First Action</CDropdownItem>
2024
<CDropdownItem>Second Action</CDropdownItem>
2125
<CDropdownItem>Third Action</CDropdownItem>
@@ -33,15 +37,23 @@
3337
</CDropdown>
3438
</div> -->
3539
<div>
36-
<CDropdown button-html="Dropdown with divider" class="c-m-2">
40+
<CDropdown
41+
button-html="Dropdown with divider"
42+
class="c-m-2"
43+
variant="secondary"
44+
>
3745
<CDropdownItem>First item</CDropdownItem>
3846
<CDropdownItem>Second item</CDropdownItem>
3947
<CDropdownDivider></CDropdownDivider>
4048
<CDropdownItem>Separated Item</CDropdownItem>
4149
</CDropdown>
4250
</div>
4351
<div>
44-
<CDropdown button-html="Dropdown with header" class="c-m-2">
52+
<CDropdown
53+
button-html="Dropdown with header"
54+
class="c-m-2"
55+
variant="secondary"
56+
>
4557
<CDropdownHeader>Dropdown header</CDropdownHeader>
4658
<CDropdownItem>First item</CDropdownItem>
4759
<CDropdownItem>Second Item</CDropdownItem>
@@ -93,6 +105,7 @@
93105
</div>
94106
<div>
95107
<CDropdown
108+
variant="secondary"
96109
:offset="25"
97110
button-html="Offset Dropdown"
98111
class="c-m-2"
@@ -104,6 +117,7 @@
104117
</div>
105118
<div>
106119
<CDropdown
120+
variant="secondary"
107121
split
108122
button-html="Split Dropdown"
109123
class="c-m-2"
@@ -151,6 +165,7 @@
151165
<CCardBody>
152166
<div>
153167
<CDropdown
168+
variant="secondary"
154169
size="lg"
155170
button-html="Large"
156171
class="c-m-2"
@@ -160,6 +175,7 @@
160175
<CDropdownItem>Something else here</CDropdownItem>
161176
</CDropdown>
162177
<CDropdown
178+
variant="secondary"
163179
size="lg"
164180
split
165181
button-html="Large Split"
@@ -171,6 +187,7 @@
171187
</CDropdown>
172188
<br>
173189
<CDropdown
190+
variant="secondary"
174191
size="sm"
175192
button-html="Small"
176193
class="c-m-2"
@@ -180,6 +197,7 @@
180197
<CDropdownItem>Something else here...</CDropdownItem>
181198
</CDropdown>
182199
<CDropdown
200+
variant="secondary"
183201
size="sm"
184202
split button-html="Small Split"
185203
class="c-m-2"

‎src/views/notifications/Alerts.vue

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,13 +95,15 @@
9595
</CCardHeader>
9696
<CCardBody>
9797
<CAlert
98+
variant="secondary"
9899
dismissible
99100
:show.sync="dismissibleAlerts[0]"
100101
>
101102
Dismissible Alert!
102103
</CAlert>
103104

104105
<CAlert
106+
variant="secondary"
105107
dismissible
106108
fade
107109
:show.sync="dismissibleAlerts[1]"
@@ -110,14 +112,15 @@
110112
</CAlert>
111113

112114
<CAlert
115+
variant="secondary"
113116
:show.sync="dismissibleAlerts[2]"
114117
v-slot="{dismiss}"
115118
class="c-alert-dismissible"
116119
>
117120
Dismissible Alert with custom button!
118121
<CButton
119122
class="c-position-absolute"
120-
variant="primary"
123+
variant="secondary"
121124
style="right:10px;top: 50%;transform: translateY(-50%);"
122125
textHtml="<i>Close</i>"
123126
@click="dismiss"

‎src/views/notifications/Badges.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
</div> -->
1515
</CCardHeader>
1616
<CCardBody>
17-
<h2>Example heading <CBadge>New</CBadge></h2>
18-
<h3>Example heading <CBadge>New</CBadge></h3>
19-
<h4>Example heading <CBadge>New</CBadge></h4>
20-
<h5>Example heading <CBadge>New</CBadge></h5>
21-
<h6>Example heading <CBadge>New</CBadge></h6>
17+
<h2>Example heading <CBadge variant="primary">New</CBadge></h2>
18+
<h3>Example heading <CBadge variant="primary">New</CBadge></h3>
19+
<h4>Example heading <CBadge variant="primary">New</CBadge></h4>
20+
<h5>Example heading <CBadge variant="primary">New</CBadge></h5>
21+
<h6>Example heading <CBadge variant="primary">New</CBadge></h6>
2222
</CCardBody>
2323
<CCardFooter>
2424
<CButton variant="primary">

0 commit comments

Comments
 (0)