8000 docs: update documenation · v-rr/coreui-react@29ad828 · GitHub
[go: up one dir, main page]
Skip to content

Commit 29ad828

Browse files
mrholekmrholek
committed
docs: update documenation
1 parent 20cda86 commit 29ad828

File tree

3 files changed

+30
-30
lines changed

3 files changed

+30
-30
lines changed

‎docs/4.0/components/CButtonGroup.mdx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -78,17 +78,17 @@ Combine button-like checkbox and radio toggle buttons into a seamless looking bu
7878

7979
<Playground>
8080
<CButtonGroup role="group" aria-label="Basic checkbox toggle button group">
81-
<CFormCheck button buttonVariant="outline" id="btncheck1" autoComplete="off" label="Checkbox 1"/>
82-
<CFormCheck button buttonVariant="outline" id="btncheck2" autoComplete="off" label="Checkbox 2"/>
83-
<CFormCheck button buttonVariant="outline" id="btncheck3" autoComplete="off" label="Checkbox 3"/>
81+
<CFormCheck button={{ color: 'primary', variant: 'outline' }} id="btncheck1" autoComplete="off" label="Checkbox 1"/>
82+
<CFormCheck button={{ color: 'primary', variant: 'outline' }} id="btncheck2" autoComplete="off" label="Checkbox 2"/>
83+
<CFormCheck button={{ color: 'primary', variant: 'outline' }} id="btncheck3" autoComplete="off" label="Checkbox 3"/>
8484
</CButtonGroup>
8585
</Playground>
8686

8787
<Playground>
8888
<CButtonGroup role="group" aria-label="Basic checkbox toggle button group">
89-
<CFormCheck type="radio" button buttonVariant="outline" name="btnradio" id="btnradio1" autoComplete="off" label="Radio 1"/>
90-
<CFormCheck type="radio" button buttonVariant="outline" name="btnradio" id="btnradio2" autoComplete="off" label="Radio 2"/>
91-
<CFormCheck type="radio" button buttonVariant="outline" name="btnradio" id="btnradio3" autoComplete="off" label="Radio 3"/>
89+
<CFormCheck type="radio" button={{ color: 'primary', variant: 'outline' }} name="btnradio" id="btnradio1" autoComplete="off" label="Radio 1"/>
90+
<CFormCheck 8000 type="radio" button={{ color: 'primary', variant: 'outline' }} name="btnradio" id="btnradio2" autoComplete="off" label="Radio 2"/>
91+
<CFormCheck type="radio" button={{ color: 'primary', variant: 'outline' }} name="btnradio" id="btnradio3" autoComplete="off" label="Radio 3"/>
9292
</CButtonGroup>
9393
</Playground>
9494

@@ -256,9 +256,9 @@ Create a set of buttons that appear vertically stacked rather than horizontally.
256256

257257
<Playground>
258258
<CButtonGroup vertical role="group" aria-label="Vertical button group">
259-
<CFormCheck type="radio" button buttonColor="danger" buttonVariant="outline" name="vbtnradio" id="vbtnradio1" autoComplete="off" label="Radio 1" defaultChecked/>
260-
<CFormCheck type="radio" button buttonColor="danger" buttonVariant="outline" name="vbtnradio" id="vbtnradio2" autoComplete="off" label="Radio 2"/>
261-
<CFormCheck type="radio" button buttonColor="danger" buttonVariant="outline" name="vbtnradio" id="vbtnradio3" autoComplete="off" label="Radio 3"/>
259+
<CFormCheck type="radio" button={{ color: 'danger', variant: 'outline' }} name="vbtnradio" id="vbtnradio1" autoComplete="off" label="Radio 1" defaultChecked/>
260+
<CFormCheck type="radio" button={{ color: 'danger', variant: 'outline' }} name="vbtnradio" id="vbtnradio2" autoComplete="off" label="Radio 2"/>
261+
<CFormCheck type="radio" button={{ color: 'danger', variant: 'outline' }} name="vbtnradio" id="vbtnradio3" autoComplete="off" label="Radio 3"/>
262262
</CButtonGroup>
263263
</Playground>
264264

‎docs/4.0/components/CTable.mdx

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ Using the most basic table CoreUI, here's how `<CTable>`-based tables look in Co
4949
</CTableRow>
5050
<CTableRow>
5151
<CTableHeaderCell scope="row">3</CTableHeaderCell>
52-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
52+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
5353
<CTableDataCell>@twitter</CTableDataCell>
5454
</CTableRow>
5555
</CTableBody>
@@ -150,7 +150,7 @@ Use `striped` property to add zebra-striping to any table row within the `<CTabl
150150
</CTableRow>
151151
<CTableRow>
152152
<CTableHeaderCell scope="row">3</CTableHeaderCell>
153-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
153+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
154154
<CTableDataCell>@twitter</CTableDataCell>
155155
</CTableRow>
156156
</CTableBody>
@@ -184,7 +184,7 @@ These classes can also be added to table variants:
184184
</CTableRow>
185185
<CTableRow>
186186
<CTableHeaderCell scope="row">3</CTableHeaderCell>
187-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
187+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
188188
<CTableDataCell>@twitter</CTableDataCell>
189189
</CTableRow>
190190
</CTableBody>
@@ -216,7 +216,7 @@ These classes can also be added to table variants:
216216
</CTableRow>
217217
<CTableRow>
218218
<CTableHeaderCell scope="row">3</CTableHeaderCell>
219-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
219+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
220220
<CTableDataCell>@twitter</CTableDataCell>
221221
</CTableRow>
222222
</CTableBody>
@@ -252,7 +252,7 @@ Use `hover` property to enable a hover state on table rows within a `<CTableBody
252252
</CTableRow>
253253
<CTableRow>
254254
<CTableHeaderCell scope="row">3</CTableHeaderCell>
255-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
255+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
256256
<CTableDataCell>@twitter</CTableDataCell>
257257
</CTableRow>
258258
</CTableBody>
@@ -284,7 +284,7 @@ Use `hover` property to enable a hover state on table rows within a `<CTableBody
284284
</CTableRow>
285285
<CTableRow>
286286
<CTableHeaderCell scope="row">3</CTableHeaderCell>
287-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
287+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
288288
<CTableDataCell>@twitter</CTableDataCell>
289289
</CTableRow>
290290
</CTableBody>
@@ -318,7 +318,7 @@ These hoverable rows can also be combined with the striped variant:
318318
</CTableRow>
319319
<CTableRow>
320320
<CTableHeaderCell scope="row">3</CTableHeaderCell>
321-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
321+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
322322
<CTableDataCell>@twitter</CTableDataCell>
323323
</CTableRow>
324324
</CTableBody>
@@ -354,7 +354,7 @@ Highlight a table row or cell by adding a `active` property.
354354
</CTableRow>
355355
<CTableRow>
356356
<CTableHeaderCell scope="row">3</CTableHeaderCell>
357-
<CTableDataCell colspan="2" active>Larry the Bird</CTableDataCell>
357+
<CTableDataCell colSpan="2" active>Larry the Bird</CTableDataCell>
358358
<CTableDataCell>@twitter</CTableDataCell>
359359
</CTableRow>
360360
</CTableBody>
@@ -386,7 +386,7 @@ Highlight a table row or cell by adding a `active` property.
386386
</CTableRow>
387387
<CTableRow>
388388
<CTableHeaderCell scope="row">3</CTableHeaderCell>
389-
<CTableDataCell colspan="2" active>Larry the Bird</CTableDataCell>
389+
<CTableDataCell colSpan="2" active>Larry the Bird</CTableDataCell>
390390
<CTableDataCell>@twitter</CTableDataCell>
391391
</CTableRow>
392392
</CTableBody>
@@ -424,7 +424,7 @@ Add `bordered` property for borders on all sides of the table and cells.
424424
</CTableRow>
425425
<CTableRow>
426426
<CTableHeaderCell scope="row">3</CTableHeaderCell>
427-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
427+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
428428
<CTableDataCell>@twitter</CTableDataCell>
429429
</CTableRow>
430430
</CTableBody>
@@ -458,7 +458,7 @@ Add `bordered` property for borders on all sides of the table and cells.
458458
</CTableRow>
459459
<CTableRow>
460460
<CTableHeaderCell scope="row">3</CTableHeaderCell>
461-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
461+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
462462
<CTableDataCell>@twitter</CTableDataCell>
463463
</CTableRow>
464464
</CTableBody>
@@ -494,7 +494,7 @@ Add `borderless` property for a table without borders.
494494
</CTableRow>
495495
<CTableRow>
496496
<CTableHeaderCell scope="row">3</CTableHeaderCell>
497-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
497+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
498498
<CTableDataCell>@twitter</CTableDataCell>
499499
</CTableRow>
500500
</CTableBody>
@@ -526,7 +526,7 @@ Add `borderless` property for a table without borders.
526526
</CTableRow>
527527
<CTableRow>
528528
<CTableHeaderCell scope="row">3</CTableHeaderCell>
529-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
529+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
530530
<CTableDataCell>@twitter</CTableDataCell>
531531
</CTableRow>
532532
</CTableBody>
@@ -562,7 +562,7 @@ Add `small` property to make any `<CTable>` more compact by cutting all cell `pa
562562
</CTableRow>
563563
<CTableRow>
564564
<CTableHeaderCell scope="row">3</CTableHeaderCell>
565-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
565+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
566566
<CTableDataCell>@twitter</CTableDataCell>
567567
</CTableRow>
568568
</CTableBody>
@@ -574,7 +574,7 @@ Add `small` property to make any `<CTable>` more compact by cutting all cell `pa
574574
Table cells of `<CTableHead>` are always vertical aligned to the bottom. Table cells in `<CTableBody>` inherit their alignment from `<CTable>` and are aligned to the the top by default. Use the align property to re-align where needed.
575575

576576
<Playground>
577-
<CTable align="middle" reponsive>
577+
<CTable align="middle" responsive>
578578
<CTableHead>
579579
<CTableRow>
580580
<CTableHeaderCell scope="col" className="w-25">Heading 1</CTableHeaderCell>
@@ -628,7 +628,7 @@ Border styles, active styles, and table variants are not inherited by nested tab
628628
<CTableDataCell>@mdo</CTableDataCell>
629629
</CTableRow>
630630
<CTableRow>
631-
<CTableHeaderCell colspan="4">
631+
<CTableHeaderCell colSpan="4">
632632
<CTable>
633633
<CTableHead>
634634
<CTableRow>
@@ -659,7 +659,7 @@ Border styles, active styles, and table variants are not inherited by nested tab
659659
</CTableRow>
660660
<CTableRow>
661661
<CTableHeaderCell scope="row">3</CTableHeaderCell>
662-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
662+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
663663
<CTableDataCell>@twitter</CTableDataCell>
664664
</CTableRow>
665665
</CTableBody>
@@ -730,7 +730,7 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col
730730
</CTableRow>
731731
<CTableRow>
732732
<CTableHeaderCell scope="row">3</CTableHeaderCell>
733-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
733+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
734734
<CTableDataCell>@twitter</CTableDataCell>
735735
</CTableRow>
736736
</CTableBody>
@@ -764,7 +764,7 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col
764764
</CTableRow>
765765
<CTableRow>
766766
<CTableHeaderCell scope="row">3</CTableHeaderCell>
767-
<CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
767+
<CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
768768
<CTableDataCell>@twitter</CTableDataCell>
769769
</CTableRow>
770770
</CTableBody>

‎docs/4.0/forms/CFormFloating.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ When there's a `value` already defined, `<CFormLabel>`s will automatically adjus
4343
type="email"
4444
id="floatingInputValue"
4545
placeholder="name@example.com"
46-
value="test@example.com"
46+
defaultValue="test@example.com"
4747
/>
4848
<CFormLabel htmlFor="floatingInputValue">Input with value</CFormLabel>
4949
</CFormFloating>
@@ -100,7 +100,7 @@ When working with the CoreUI for Bootstrap grid system, be sure to place form el
100100
<CRow xs={{gutter: 2}}>
101101
<CCol md>
102102
<CFormFloating>
103-
<CFormInput type="email" id="floatingInputGrid" placeholder="name@example.com" value="email@example.com" />
103+
<CFormInput type="email" id="floatingInputGrid" placeholder="name@example.com" defaultValue="email@example.com" />
104104
<CFormLabel htmlFor="floatingInputGrid">Email address</CFormLabel>
105105
</CFormFloating>
106106
</CCol>

0 commit comments

Comments
 (0)
0