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

Commite526efd

Browse files
committed
docs: update content
1 parentef6acab commite526efd

File tree

5 files changed

+53
-53
lines changed

5 files changed

+53
-53
lines changed

‎packages/docs/components/card.md‎

Lines changed: 28 additions & 28 deletions
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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="primary"href="#">Go somewhere</CButton>
297297
</CCardBody>
298298
<CCardFooterclass="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="primary"href="#">Go somewhere</CButton>
376376
</CCardBody>
377377
</CCard>
378378
<CCardclass="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="primary"href="#">Go somewhere</CButton>
436436
</CCardBody>
437437
</CCard>
438438
<CCardclass="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+
<CButtoncolor="primary"href="#">Go somewhere</CButton>
443443
</CCardBody>
444444
</CCard>
445445
<CCardclass="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="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+
<CButtoncolor="primary"href="#">Go somewhere</CButton>
623623
</CCardBody>
624624
</CCard>
625625
```

‎packages/docs/components/dropdown.md‎

Lines changed: 5 additions & 5 deletions
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-
<divclass="border rounded py-2">
581+
<divclass="dropdown-menu">
582582
<CDropdownHeader>Dropdown header</CDropdownHeader>
583583
<CDropdownItemhref="#">Action</CDropdownItem>
584584
<CDropdownItemhref="#">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-
<divclass="border rounded py-2">
600+
<divclass="dropdown-menu">
601601
<CDropdownItemhref="#">Action</CDropdownItem>
602602
<CDropdownItemhref="#">Another action</CDropdownItem>
603603
<CDropdownItemhref="#">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-
<divclass="border rounded py-2">
643+
<divclass="dropdown-menu">
644644
<CFormclass="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+
<CButtoncolor="primary"type="submit">Sign in</CButton>
657657
</CForm>
658658
<CDropdownDivider/>
659659
<CDropdownItemhref="#">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+
<CButtoncolor="primary"type="submit">Sign in</CButton>
677677
</CForm>
678678
<CDropdownDivider/>
679679
<CDropdownItem href="#">New around here? Sign up</CDropdownItem>

‎packages/docs/components/spinner.md‎

Lines changed: 8 additions & 8 deletions
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-
<CButtondisabled>
104+
<CButtoncolor="primary"disabled>
105105
<CSpinneras="span"size="sm"aria-hidden="true"/>
106106
</CButton>
107-
<CButtondisabled>
107+
<CButtoncolor="primary"disabled>
108108
<CSpinneras="span"size="sm"aria-hidden="true"/>
109109
Loading...
110110
</CButton>
111111
:::
112112
```vue
113-
<CButton disabled>
113+
<CButtoncolor="primary"disabled>
114114
<CSpinner as="span" size="sm" aria-hidden="true"/>
115115
</CButton>
116-
<CButton disabled>
116+
<CButtoncolor="primary"disabled>
117117
<CSpinner as="span" size="sm" aria-hidden="true"/>
118118
Loading...
119119
</CButton>
120120
```
121121

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

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp