Skip to content

Commit 51c40f3

Browse files
mrholekmrholek
committed
docs: update documentation
1 parent 082f1ce commit 51c40f3

File tree

2 files changed

+14
-14
lines changed

2 files changed

+14
-14
lines changed

‎packages/docs/components/icon.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -226,12 +226,12 @@ export default {
226226
import { CIcon } from '@coreui/icons-vue'
227227
```
228228

229-
| Prop name | Description | Type | Values | Default |
230-
| ------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | ------ | ------- |
231-
| **content** | Use `:icon="..."` instead of<br/>`@deprecated` since version 3.0 | string\|array | - | - |
232-
| **customClassName** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop. | string\|array\|object | - | - |
233-
| **icon** | Name of the icon placed in React object or SVG content. | string \| string[] | - | - |
234-
| **name** | Use `icon="..."` instead of<br/>`@deprecated` since version 3.0 | string | - | - |
235-
| **size** | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | string | - | - |
236-
| **title** | Title tag content. | string | - | - |
237-
| **use** | If defined component will be rendered using 'use' tag. | string | - | - |
229+
| Prop name | Description | Type | Values | Default |
230+
| --------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | ------ | ------- |
231+
| **content** | Use `:icon="..."` instead of<br/>`@deprecated` since version 3.0 | string\|array | - | - |
232+
| **custom-class-name** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop. | string\|array\|object | - | - |
233+
| **icon** | Name of the icon placed in React object or SVG content. | string \| string[] | - | - |
234+
| **name** | Use `icon="..."` instead of<br/>`@deprecated` since version 3.0 | string | - | - |
235+
| **size** | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | string | - | - |
236+
| **title** | Title tag content. | string | - | - |
237+
| **use** | If defined component will be rendered using 'use' tag. | string | - | - |

‎packages/docs/forms/validation.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ description: Provide valuable, actionable feedback to your users with HTML5 form
66

77
## Custom styles
88

9-
For custom CoreUI form validation messages, you'll need to add the `noValidate` boolean property to your `<CForm>`. This disables the browser default feedback tooltips, but still provides access to the form validation APIs in JavaScript. Try to submit the form below; our JavaScript will intercept the submit button and relay feedback to you. When attempting to submit, you'll see the `:invalid` and `:valid` styles applied to your form controls.
9+
For custom CoreUI form validation messages, you'll need to add the `novalidation` boolean property to your `<CForm>`. This disables the browser default feedback tooltips, but still provides access to the form validation APIs in JavaScript. Try to submit the form below; our JavaScript will intercept the submit button and relay feedback to you. When attempting to submit, you'll see the `:invalid` and `:valid` styles applied to your form controls.
1010

1111
Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback.
1212

1313
::: demo
14-
<CForm class="row g-3 needs-validation" noValidate :validated="validatedCustom01" @submit="handleSubmitCustom01">
14+
<CForm class="row g-3 needs-validation" novalidation :validated="validatedCustom01" @submit="handleSubmitCustom01">
1515
<CCol md="4">
1616
<CFormLabel for="validationCustom01">Email</CFormLabel>
1717
<CFormInput id="validationCustom01" value="Mark" required/>
@@ -72,7 +72,7 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun
7272
</CForm>
7373
:::
7474
```vue
75-
<CForm class="row g-3 needs-validation" noValidate :validated="validatedCustom01" @submit="handleSubmitCustom01">
75+
<CForm class="row g-3 needs-validation" novalidation :validated="validatedCustom01" @submit="handleSubmitCustom01">
7676
<CCol md="4">
7777
<CFormLabel for="validationCustom01">Email</CFormLabel>
7878
<CFormInput id="validationCustom01" value="Mark" required/>
@@ -471,7 +471,7 @@ Validation styles are available for the following form controls and components:
471471
If your form layout allows it, you can swap the text for the tooltip to display validation feedback in a styled tooltip. Be sure to have a parent with `position: relative` on it for tooltip positioning. In the example below, our column classes have this already, but your project may require an alternative setup.
472472

473473
::: demo
474-
<CForm class="row g-3 needs-validation" noValidate :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
474+
<CForm class="row g-3 needs-validation" novalidation :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
475475
<CCol md="4" class="position-relative">
476476
<CFormLabel for="validationTooltip01">Email</CFormLabel>
477477
<CFormInput id="validationTooltip01" value="Mark" required/>
@@ -526,7 +526,7 @@ If your form layout allows it, you can swap the text for the tooltip to display
526526
</CForm>
527527
:::
528528
```vue
529-
<CForm class="row g-3 needs-validation" noValidate :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
529+
<CForm class="row g-3 needs-validation" novalidation :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
530530
<CCol md="4" class="position-relative">
531531
<CFormLabel for="validationTooltip01">Email</CFormLabel>
532532
<CFormInput id="validationTooltip01" value="Mark" required/>

0 commit comments

Comments
 (0)