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
* Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|**container** <br><divclass="badge bg-primary">v5.0.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | - | 'body' |
14
-
|**teleport**| Render some children into a different part of the DOM | boolean | - | true |
11
+
| Prop name | Description | Type | Values | Default |
|**container** <br><divclass="badge bg-primary">5.0.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | - | 'body' |
14
+
|**teleport**| Render some children into a different part of the DOM | boolean | - | true |
|**as**| Component used for the root node. Either a string to use a HTML element or a component. | string | - | 'button' |
14
-
|**color**| Sets the color context of the component to one of CoreUI’s themed colors. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`| - |
15
-
|**caret**| Enables pseudo element caret on toggler. | boolean | - | true |
16
-
|**custom**| Create a custom toggler which accepts any content. | boolean | - | - |
17
-
|**disabled**| Toggle the disabled state for the component. | boolean | - | - |
18
-
|**nav-link** <br><divclass="badge bg-primary">v5.0.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button. | boolean | - | true |
19
-
|**size**| Size the component small or large. | string |`'sm'`, `'lg'`| - |
20
-
|**split**| Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean | - | - |
21
-
|**trigger**| Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click' | Triggers | - | 'click' |
22
-
|**variant**| Set the button variant to an outlined button or a ghost button. | string |`'ghost'`, `'outline'`| - |
11
+
| Prop name | Description | Type | Values | Default |
|**as**| Component used for the root node. Either a string to use a HTML element or a component. | string | - | 'button' |
14
+
|**color**| Sets the color context of the component to one of CoreUI’s themed colors. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`| - |
15
+
|**caret**| Enables pseudo element caret on toggler. | boolean | - | true |
16
+
|**custom**| Create a custom toggler which accepts any content. | boolean | - | - |
17
+
|**disabled**| Toggle the disabled state for the component. | boolean | - | - |
18
+
|**nav-link** <br><divclass="badge bg-primary">5.0.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button. | boolean | - | true |
19
+
|**size**| Size the component small or large. | string |`'sm'`, `'lg'`| - |
20
+
|**split**| Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean | - | - |
21
+
|**trigger**| Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click' | Triggers | - | 'click' |
22
+
|**variant**| Set the button variant to an outlined button or a ghost button. | string |`'ghost'`, `'outline'`| - |
|**animation** <br><divclass="badge bg-primary">4.9.0+</div> | Apply a CSS fade transition to the popover. | boolean | - | true |
14
-
|**container** <br><divclass="badge bg-primary">v5.0.0+</div> | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`. | HTMLElement \| (() => HTMLElement) \| string | - | 'body' |
14
+
|**container** <br><divclass="badge bg-primary">5.0.0+</div>| Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`. | HTMLElement \| (() => HTMLElement) \| string | - | 'body' |
15
15
|**content**| Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`| string | - | - |
16
16
|**delay** <br><divclass="badge bg-primary">4.9.0+</div> | 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 |
17
17
|**fallback-placements** <br><divclass="badge bg-primary">4.9.0+</div> | 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']|
0 commit comments