Skip to content

Commit e526efd

Browse files
mrholekmrholek
committed
docs: update content
1 parent ef6acab commit e526efd

File tree

5 files changed

+53
-53
lines changed

5 files changed

+53
-53
lines changed

‎packages/docs/components/card.md

+28-28
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ Below is an example of a basic card with mixed content and a fixed width. Cards
2424
<CCardBody>
2525
<CCardTitle>Card title</CCardTitle>
2626
<CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
27-
<CButton href="#">Go somewhere</CButton>
27+
<CButton color="primary" href="#">Go somewhere</CButton>
2828
</CCardBody>
2929
</CCard>
3030
:::
@@ -34,7 +34,7 @@ Below is an example of a basic card with mixed content and a fixed width. Cards
3434
<CCardBody>
3535
<CCardTitle>Card title</CCardTitle>
3636
<CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
37-
<CButton href="#">Go somewhere</CButton>
37+
<CButton color="primary" href="#">Go somewhere</CButton>
3838
</CCardBody>
3939
</CCard>
4040
```
@@ -226,7 +226,7 @@ Add an optional header and/or footer within a card.
226226
<CCardBody>
227227
<CCardTitle>Special title treatment</CCardTitle>
228228
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
229-
<CButton href="#">Go somewhere</CButton>
229+
<CButton color="primary" href="#">Go somewhere</CButton>
230230
</CCardBody>
231231
</CCard>
232232
:::
@@ -236,7 +236,7 @@ Add an optional header and/or footer within a card.
236236
<CCardBody>
237237
<CCardTitle>Special title treatment</CCardTitle>
238238
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
239-
<CButton href="#">Go somewhere</CButton>
239+
<CButton color="primary" href="#">Go somewhere</CButton>
240240
</CCardBody>
241241
</CCard>
242242
```
@@ -249,7 +249,7 @@ Card headers can be styled by adding ex. `as="h5"`.
249249
<CCardBody>
250250
<CCardTitle>Special title treatment</CCardTitle>
251251
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
252-
<CButton href="#">Go somewhere</CButton>
252+
<CButton color="primary" href="#">Go somewhere</CButton>
253253
</CCardBody>
254254
</CCard>
255255
:::
@@ -259,7 +259,7 @@ Card headers can be styled by adding ex. `as="h5"`.
259259
<CCardBody>
260260
<CCardTitle>Special title treatment</CCardTitle>
261261
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
262-
<CButton href="#">Go somewhere</CButton>
262+
<CButton color="primary" href="#">Go somewhere</CButton>
263263
</CCardBody>
264264
</CCard>
265265
```
@@ -293,7 +293,7 @@ Card headers can be styled by adding ex. `as="h5"`.
293293
<CCardBody>
294294
<CCardTitle>Special title treatment</CCardTitle>
295295
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
296-
<CButton href="#">Go somewhere</CButton>
296+
<CButton color="primary" href="#">Go somewhere</CButton>
297297
</CCardBody>
298298
<CCardFooter class="text-body-secondary">2 days ago</CCardFooter>
299299
</CCard>
@@ -304,7 +304,7 @@ Card headers can be styled by adding ex. `as="h5"`.
304304
<CCardBody>
305305
<CCardTitle>Special title treatment</CCardTitle>
306306
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
307-
<CButton href="#">Go somewhere</CButton>
307+
<CButton color="primary" href="#">Go somewhere</CButton>
308308
</CCardBody>
309309
<CCardFooter class="text-body-secondary">2 days ago</CCardFooter>
310310
</CCard>
@@ -325,7 +325,7 @@ Using the grid, wrap cards in columns and rows as needed.
325325
<CCardBody>
326326
<CCardTitle>Special title treatment</CCardTitle>
327327
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
328-
<CButton href="#">Go somewhere</CButton>
328+
<CButton color="primary" href="#">Go somewhere</CButton>
329329
</CCardBody>
330330
</CCard>
331331
</CCol>
@@ -334,7 +334,7 @@ Using the grid, wrap cards in columns and rows as needed.
334334
<CCardBody>
335335
<CCardTitle>Special title treatment</CCardTitle>
336336
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
337-
<CButton href="#">Go somewhere</CButton>
337+
<CButton color="primary" href="#">Go somewhere</CButton>
338338
</CCardBody>
339339
</CCard>
340340
</CCol>
@@ -347,7 +347,7 @@ Using the grid, wrap cards in columns and rows as needed.
347347
<CCardBody>
348348
<CCardTitle>Special title treatment</CCardTitle>
349349
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
350-
<CButton href="#">Go somewhere</CButton>
350+
<CButton color="primary" href="#">Go somewhere</CButton>
351351
</CCardBody>
352352
</CCard>
353353
</CCol>
@@ -356,7 +356,7 @@ Using the grid, wrap cards in columns and rows as needed.
356356
<CCardBody>
357357
<CCardTitle>Special title treatment</CCardTitle>
358358
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
359-
<CButton href="#">Go somewhere</CButton>
359+
<CButton color="primary" href="#">Go somewhere</CButton>
360360
</CCardBody>
361361
</CCard>
362362
</CCol>
@@ -372,14 +372,14 @@ Use some of [available sizing utilities](https://coreui.io/docs/utilities/sizing
372372
<CCardBody>
373373
<CCardTitle>Card title</CCardTitle>
374374
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
375-
<CButton href="#">Go somewhere</CButton>
375+
<CButton color="primary" href="#">Go somewhere</CButton>
376376
</CCardBody>
377377
</CCard>
378378
<CCard class="w-50">
379379
<CCardBody>
380380
<CCardTitle>Card title</CCardTitle>
381381
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
382-
<CButton href="#">Go somewhere</CButton>
382+
<CButton color="primary" href="#">Go somewhere</CButton>
383383
</CCardBody>
384384
</CCard>
385385
:::
@@ -388,14 +388,14 @@ Use some of [available sizing utilities](https://coreui.io/docs/utilities/sizing
388388
<CCardBody>
389389
<CCardTitle>Card title</CCardTitle>
390390
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
391-
<CButton href="#">Go somewhere</CButton>
391+
<CButton color="primary" href="#">Go somewhere</CButton>
392392
</CCardBody>
393393
</CCard>
394394
<CCard class="w-50">
395395
<CCardBody>
396396
<CCardTitle>Card title</CCardTitle>
397397
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
398-
<CButton href="#">Go somewhere</CButton>
398+
<CButton color="primary" href="#">Go somewhere</CButton>
399399
</CCardBody>
400400
</CCard>
401401
```
@@ -409,7 +409,7 @@ Use custom CSS in your stylesheets or as inline styles to set a width.
409409
<CCardBody>
410410
<CCardTitle>Special title treatment</CCardTitle>
411411
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
412-
<CButton href="#">Go somewhere</CButton>
412+
<CButton color="primary" href="#">Go somewhere</CButton>
413413
</CCardBody>
414414
</CCard>
415415
:::
@@ -418,7 +418,7 @@ Use custom CSS in your stylesheets or as inline styles to set a width.
418418
<CCardBody>
419419
<CCardTitle>Special title treatment</CCardTitle>
420420
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
421-
<CButton href="#">Go somewhere</CButton>
421+
<CButton color="primary" href="#">Go somewhere</CButton>
422422
</CCardBody>
423423
</CCard>
424424
```
@@ -432,21 +432,21 @@ You can instantly change the text arrangement of any card—in its whole or spec
432432
<CCardBody>
433433
<CCardTitle>Special title treatment</CCardTitle>
434434
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
435-
<CButton href="#">Go somewhere</CButton>
435+
<CButton color="primary" href="#">Go somewhere</CButton>
436436
</CCardBody>
437437
</CCard>
438438
<CCard class="text-center" style="width: 18rem">
439439
<CCardBody>
440440
<CCardTitle>Special title treatment</CCardTitle>
441441
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
442-
<CButton href="#">Go somewhere</CButton>
442+
<CButton color="primary" href="#">Go somewhere</CButton>
443443
</CCardBody>
444444
</CCard>
445445
<CCard class="text-end" style="width: 18rem">
446446
<CCardBody>
447447
<CCardTitle>Special title treatment</CCardTitle>
448448
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
449-
<CButton href="#">Go somewhere</CButton>
449+
<CButton color="primary" href="#">Go somewhere</CButton>
450450
</CCardBody>
451451
</CCard>
452452
:::
@@ -455,21 +455,21 @@ You can instantly change the text arrangement of any card—in its whole or spec
455455
<CCardBody>
456456
<CCardTitle>Special title treatment</CCardTitle>
457457
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
458-
<CButton href="#">Go somewhere</CButton>
458+
<CButton color="primary" href="#">Go somewhere</CButton>
459459
</CCardBody>
460460
</CCard>
461461
<CCard class="text-center" style="width: 18rem">
462462
<CCardBody>
463463
<CCardTitle>Special title treatment</CCardTitle>
464464
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
465-
<CButton href="#">Go somewhere</CButton>
465+
<CButton color="primary" href="#">Go somewhere</CButton>
466466
</CCardBody>
467467
</CCard>
468468
<CCard class="text-end" style="width: 18rem">
469469
<CCardBody>
470470
<CCardTitle>Special title treatment</CCardTitle>
471471
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
472-
<CButton href="#">Go somewhere</CButton>
472+
<CButton color="primary" href="#">Go somewhere</CButton>
473473
</CCardBody>
474474
</CCard>
475475
```
@@ -510,7 +510,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
510510
<CCardBody>
511511
<CCardTitle>Special title treatment</CCardTitle>
512512
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
513-
<CButton href="#">Go somewhere</CButton>
513+
<CButton color="primary" href="#">Go somewhere</CButton>
514514
</CCardBody>
515515
</CCard>
516516
:::
@@ -546,7 +546,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
546546
<CCardBody>
547547
<CCardTitle>Special title treatment</CCardTitle>
548548
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
549-
<CButton href="#">Go somewhere</CButton>
549+
<CButton color="primary" href="#">Go somewhere</CButton>
550550
</CCardBody>
551551
</CCard>
552552
```
@@ -583,7 +583,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
583583
<CCardBody>
584584
<CCardTitle>Special title treatment</CCardTitle>
585585
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
586-
<CButton href="#">Go somewhere</CButton>
586+
<CButton color="primary" href="#">Go somewhere</CButton>
587587
</CCardBody>
588588
</CCard>
589589
:::
@@ -619,7 +619,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
619619
<CCardBody>
620620
<CCardTitle>Special title treatment</CCardTitle>
621621
<CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
622-
<CButton href="#">Go somewhere</CButton>
622+
<CButton color="primary" href="#">Go somewhere</CButton>
623623
</CCardBody>
624624
</CCard>
625625
```

‎packages/docs/components/dropdown.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -578,7 +578,7 @@ Add a header to label sections of actions in any dropdown menu.
578578
In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDropdownMenu>` content.
579579

580580
::: demo
581-
<div class="border rounded py-2">
581+
<div class="dropdown-menu">
582582
<CDropdownHeader>Dropdown header</CDropdownHeader>
583583
<CDropdownItem href="#">Action</CDropdownItem>
584584
<CDropdownItem href="#">Another action</CDropdownItem>
@@ -597,7 +597,7 @@ Separate groups of related menu items with a divider.
597597
In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDropdownMenu>` content.
598598

599599
::: demo
600-
<div class="border rounded py-2">
600+
<div class="dropdown-menu">
601601
<CDropdownItem href="#">Action</CDropdownItem>
602602
<CDropdownItem href="#">Another action</CDropdownItem>
603603
<CDropdownItem href="#">Something else here</CDropdownItem>
@@ -640,7 +640,7 @@ Place any freeform text within a dropdown menu with text. Note that you'll likel
640640
Put a form within a dropdown menu, or make it into a dropdown menu.
641641

642642
::: demo
643-
<div class="border rounded py-2">
643+
<div class="dropdown-menu">
644644
<CForm class="px-4 py-4">
645645
<div class="mb-3">
646646
<CFormLabel for="exampleDropdownFormEmail1">Email address</CFormLabel>
@@ -653,7 +653,7 @@ Put a form within a dropdown menu, or make it into a dropdown menu.
653653
<div class="mb-3">
654654
<CFormCheck id="dropdownCheck" label="Remember me"/>
655655
</div>
656-
<CButton type="submit">Sign in</CButton>
656+
<CButton color="primary" type="submit">Sign in</CButton>
657657
</CForm>
658658
<CDropdownDivider/>
659659
<CDropdownItem href="#">New around here? Sign up</CDropdownItem>
@@ -673,7 +673,7 @@ Put a form within a dropdown menu, or make it into a dropdown menu.
673673
<div class="mb-3">
674674
<CFormCheck id="dropdownCheck" label="Remember me"/>
675675
</div>
676-
<CButton type="submit">Sign in</CButton>
676+
<CButton color="primary" type="submit">Sign in</CButton>
677677
</CForm>
678678
<CDropdownDivider/>
679679
<CDropdownItem href="#">New around here? Sign up</CDropdownItem>

‎packages/docs/components/spinner.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -101,38 +101,38 @@ Add `size="sm"`property` to make a smaller spinner that can quickly be used with
101101
Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed.
102102

103103
::: demo
104-
<CButton disabled>
104+
<CButton color="primary" disabled>
105105
<CSpinner as="span" size="sm" aria-hidden="true"/>
106106
</CButton>
107-
<CButton disabled>
107+
<CButton color="primary" disabled>
108108
<CSpinner as="span" size="sm" aria-hidden="true"/>
109109
Loading...
110110
</CButton>
111111
:::
112112
```vue
113-
<CButton disabled>
113+
<CButton color="primary" disabled>
114114
<CSpinner as="span" size="sm" aria-hidden="true"/>
115115
</CButton>
116-
<CButton disabled>
116+
<CButton color="primary" disabled>
117117
<CSpinner as="span" size="sm" aria-hidden="true"/>
118118
Loading...
119119
</CButton>
120120
```
121121

122122
::: demo
123-
<CButton disabled>
123+
<CButton color="primary" disabled>
124124
<CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
125125
</CButton>
126-
<CButton disabled>
126+
<CButton color="primary" disabled>
127127
<CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
128128
Loading...
129129
</CButton>
130130
:::
131131
```vue
132-
<CButton disabled>
132+
<CButton color="primary" disabled>
133133
<CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
134134
</CButton>
135-
<CButton disabled>
135+
<CButton color="primary" disabled>
136136
<CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
137137
Loading...
138138
</CButton>

0 commit comments

Comments
 (0)