You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/docs/content/api/CDropdown.api.mdx
+2-1
Original file line number
Diff line number
Diff line change
@@ -13,7 +13,8 @@ import CDropdown from '@coreui/react/src/components/dropdown/CDropdown'
13
13
|**component**| Component used for the root node. Either a string to use a HTML element or a component. |`string`\|`ComponentClass<any, any>`\|`FunctionComponent<any>`| div |
14
14
|**dark**| Sets a darker color scheme to match a dark navbar. |`boolean`| - |
15
15
|**direction**| Sets a specified direction and location of the dropdown menu. |`'center'`\|`'dropup'`\|`'dropup-center'`\|`'dropend'`\|`'dropstart'`| - |
16
-
|**onHide**| Callback fired when the component requests to be hidden. |`() => void`| - |
16
+
|**offset**| Offset of the dropdown menu relative to its target. |`[number, number]`|[0, 2]|
17
+
|**onHide****_4.9.0-beta.2+_**| Callback fired when the component requests to be hidden. |`() => void`| - |
17
18
|**onShow**| Callback fired when the component requests to be shown. |`() => void`| - |
18
19
|**placement**| Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. |`'auto'`\|`'top-end'`\|`'top'`\|`'top-start'`\|`'bottom-end'`\|`'bottom'`\|`'bottom-start'`\|`'right-start'`\|`'right'`\|`'right-end'`\|`'left-start'`\|`'left'`\|`'left-end'`| bottom-start |
19
20
|**popper**| If you want to disable dynamic positioning set this property to `true`. |`boolean`| true |
Copy file name to clipboardExpand all lines: packages/docs/content/api/CPopover.api.mdx
+4-1
Original file line number
Diff line number
Diff line change
@@ -7,12 +7,15 @@ import CPopover from '@coreui/react/src/components/popover/CPopover'
7
7
8
8
| Property | Description | Type | Default |
9
9
| --- | --- | --- | --- |
10
+
|**animation****_4.9.0-beta.2+_**| Apply a CSS fade transition to the popover. |`boolean`| true |
10
11
|**className**| A string of all className you want applied to the component. |`string`| - |
11
12
|**content**| Content node for your component. |`ReactNode`| - |
13
+
|**delay****_4.9.0-beta.2+_**| The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. |`number`\|`{ show: number; hide: number; }`| 0 |
14
+
|**fallbackPlacements****_4.9.0-beta.2+_**| Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference. |`Placements`\|`Placements[]`|['top', 'right', 'bottom', 'left']|
12
15
|**offset**| Offset of the popover relative to its target. |`[number, number]`|[0, 8]|
13
16
|**onHide**| Callback fired when the component requests to be hidden. |`() => void`| - |
14
17
|**onShow**| Callback fired when the component requests to be shown. |`() => void`| - |
15
-
|**placement**| Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. |`'auto'`\|`'top'`\|`'right'`\|`'bottom'`\|`'left'`| top |
18
+
|**placement**| Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. |`'auto'`\|`'top'`\|`'bottom'`\|`'right'`\|`'left'`| top |
16
19
|**title**| Title node for your component. |`ReactNode`| - |
17
20
|**trigger**| Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. |`'hover'`\|`'focus'`\|`'click'`| click |
18
21
|**visible**| Toggle the visibility of popover component. |`boolean`| - |
Copy file name to clipboardExpand all lines: packages/docs/content/api/CProgress.api.mdx
+2-1
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,8 @@ import CProgress from '@coreui/react/src/components/progress/CProgress'
11
11
|**className**| A string of all className you want applied to the component. |`string`| - |
12
12
|**color**| Sets the color context of the component to one of CoreUI’s themed colors. |`'primary'`\|`'secondary'`\|`'success'`\|`'danger'`\|`'warning'`\|`'info'`\|`'dark'`\|`'light'`\|`string`| - |
13
13
|**height**| Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. |`number`| - |
14
+
|**progressBarClassName****_4.9.0+_**| A string of all className you want applied to the `<CProgressBar/>` component. |`string`| - |
14
15
|**thin**| Makes progress bar thinner. |`boolean`| - |
15
-
|**value**| The percent to progress the ProgressBar (out of 100). |`number`|0|
16
+
|**value**| The percent to progress the ProgressBar (out of 100). |`number`|-|
16
17
|**variant**| Set the progress bar variant to optional striped. |`'striped'`| - |
17
18
|**white**| Change the default color to white. |`boolean`| - |
Copy file name to clipboardExpand all lines: packages/docs/content/api/CTooltip.api.mdx
+7-4
Original file line number
Diff line number
Diff line change
@@ -7,11 +7,14 @@ import CTooltip from '@coreui/react/src/components/tooltip/CTooltip'
7
7
8
8
| Property | Description | Type | Default |
9
9
| --- | --- | --- | --- |
10
+
|**animation****_4.9.0-beta.2+_**| Apply a CSS fade transition to the tooltip. |`boolean`| true |
10
11
|**className**| A string of all className you want applied to the component. |`string`| - |
11
12
|**content**| Content node for your component. |`ReactNode`| - |
12
-
|**offset**| Offset of the popover relative to its target. |`[number, number]`|[0, 0]|
13
+
|**delay****_4.9.0-beta.2+_**| The delay for displaying and hiding the tooltip (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. |`number`\|`{ show: number; hide: number; }`| 0 |
14
+
|**fallbackPlacements****_4.9.0-beta.2+_**| Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference. |`Placements`\|`Placements[]`|['top', 'right', 'bottom', 'left']|
15
+
|**offset**| Offset of the tooltip relative to its target. |`[number, number]`|[0, 6]|
13
16
|**onHide**| Callback fired when the component requests to be hidden. |`() => void`| - |
14
17
|**onShow**| Callback fired when the component requests to be shown. |`() => void`| - |
15
-
|**placement**| Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. |`'auto'`\|`'top'`\|`'right'`\|`'bottom'`\|`'left'`| top |
16
-
|**trigger**| Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. |`'hover'`\|`'focus'`\|`'click'`| hover |
17
-
|**visible**| Toggle the visibility of popover component. |`boolean`| - |
18
+
|**placement**| Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. |`'auto'`\|`'top'`\|`'bottom'`\|`'right'`\|`'left'`| top |
19
+
|**trigger**| Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. |`'hover'`\|`'focus'`\|`'click'`|['hover', 'focus']|
20
+
|**visible**| Toggle the visibility of tooltip component. |`boolean`| - |
0 commit comments