{`string`}A string of all className you want applied to the base component.
+{`true`}{`boolean`}Enables custom html based tooltips instead of standard tooltips.
+{`ChartData\`} , {`((canvas: HTMLCanvasElement) => ChartData\<...>)`}The data object that is passed into the Chart.js chart (more info).
+{`React.ReactNode`}A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.
+{`(dataset: InteractionItem[], event: React.MouseEvent\) => void`} Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.
+{`(element: InteractionItem[], event: React.MouseEvent\) => void`} Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.
+{`(elements: InteractionItem[], event: React.MouseEvent\) => void`} Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.
+{`number`}Height attribute applied to the rendered canvas.
+{`string`}ID attribute applied to the rendered canvas.
+{`_DeepPartialObject\ & ElementChartOptions\ & PluginChartOptions\<...> & DatasetChartOptions\<...> & ScaleChartOptions\<...>>`} The options object that is passed into the Chart.js chart.
+{`Plugin\[]`} The plugins array that is passed into the Chart.js chart (more info)
+{`boolean`}If true, will tear down and redraw chart on all updates.
+{`number`}Width attribute applied to the rendered canvas.
+{`boolean`}Put the chart into the wrapper div element.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Invert the default color.
+{`boolean`}Toggle the disabled state for the component.
+{`boolean`}Change the default color to white.
+{`string`}A string of all className you want applied to the base component.
+{`{ 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}`}The number of columns/offset/order on large devices (<1200px).
+{`{ 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}`}The number of columns/offset/order on medium devices (<992px).
+{`{ 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}`}The number of columns/offset/order on small devices (<768px).
+{`{ 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}`}The number of columns/offset/order on X-Large devices (<1400px).
+{`{ 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}`}The number of columns/offset/order on extra small devices (<576px).
+{`{ 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}`}The number of columns/offset/order on XX-Large devices (≥1400px).
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Set horizontal collapsing to transition the width instead of height.
+{`() => void`}Callback fired when the component requests to be hidden.
+{`() => void`}Callback fired when the component requests to be shown.
+{`boolean`}Toggle the visibility of component.
+{`DocumentFragment`}, {`Element`}, {`(() => DocumentFragment | Element)`}{`document.body`} as the default.An HTML element or function that returns a single element, with {`document.body`} as the default.
{`boolean`}Render some children into a different part of the DOM
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Set container 100% wide, spanning the entire width of the viewport.
+{`boolean`}Set container 100% wide until large breakpoint.
+{`boolean`}Set container 100% wide until medium breakpoint.
+{`boolean`}Set container 100% wide until small breakpoint.
+{`boolean`}Set container 100% wide until X-large breakpoint.
+{`boolean`}Set container 100% wide until XX-large breakpoint.
+{`'start'`}, {`'end'`}, {`{ xs: 'start' | 'end' }`}, {`{ sm: 'start' | 'end' }`}, {`{ md: 'start' | 'end' }`}, {`{ lg: 'start' | 'end' }`}, {`{ xl: 'start' | 'end'}`}, {`{ xxl: 'start' | 'end'}`}Specifies the alignment of the React Dropdown Menu within this React Dropdown.
+{`div`}{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "div")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'div')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Determines the root node component (native HTML element or a custom React component) for the React Dropdown.
+{`true`}{`boolean`}, {`"inside"`}, {`"outside"`}{`true`} - the dropdown will be closed by clicking outside or inside the dropdown menu.{`false`} - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key){`'inside'`} - the dropdown will be closed (only) by clicking inside the dropdown menu.{`'outside'`} - the dropdown will be closed (only) by clicking outside the dropdown menu.{`boolean`}, {`'inside'`}, {`'outside'`}Configures automatic closing behavior for the React Dropdown:
+{`true`} - Close on clicks inside or outside of the React Dropdown Menu.{`false`} - Disable auto-close; manually call {`hide`} or {`toggle`} (also not closed by {`Escape`}).{`'inside'`} - Close only when clicking inside the React Dropdown Menu.{`'outside'`} - Close only when clicking outside the React Dropdown Menu.{`string`}Adds custom classes to the React Dropdown root element.
+{`Element`}, {`DocumentFragment`}, {`(() => Element | DocumentFragment)`}{`document.body`}.Appends the React Dropdown Menu to a specific element. You can pass an HTML element or a function returning an element. Defaults to {`document.body`}.
{`boolean`}Applies a darker color scheme to the React Dropdown Menu, often used within dark navbars.
+{`"center"`}, {`"dropup"`}, {`"dropup-center"`}, {`"dropend"`}, {`"dropstart"`}{`'center'`}, {`'dropup'`}, {`'dropup-center'`}, {`'dropend'`}, {`'dropstart'`}Specifies the direction of the React Dropdown.
+{`[number, number]`}Defines x and y offsets ([x, y]) for the React Dropdown Menu relative to its target.
+{`() => void`}Callback fired right before the React Dropdown becomes hidden.
+{`() => void`}Callback fired immediately after the React Dropdown is displayed.
+{`bottom-start`}{`'auto'`}, {`'top-end'`}, {`'top'`}, {`'top-start'`}, {`'bottom-end'`}, {`'bottom'`}, {`'bottom-start'`}, {`'right-start'`}, {`'right'`}, {`'right-end'`}, {`'left-start'`}, {`'left'`}, {`'left-end'`}{`'auto'`}, {`'auto-start'`}, {`'auto-end'`}, {`'top-end'`}, {`'top'`}, {`'top-start'`}, {`'bottom-end'`}, {`'bottom'`}, {`'bottom-start'`}, {`'right-start'`}, {`'right'`}, {`'right-end'`}, {`'left-start'`}, {`'left'`}, {`'left-end'`}Determines the placement of the React Dropdown Menu after Popper.js modifiers.
+{`boolean`}{`true`}.Enables or disables dynamic positioning via Popper.js for the React Dropdown Menu.
+{`Partial\`} , {`((defaultPopperConfig: Partial\) => Partial\)`} Provides a custom Popper.js configuration or a function that returns a modified Popper.js configuration for advanced positioning of the React Dropdown Menu. Read more
+{`boolean`}Renders the React Dropdown Menu using a React Portal, allowing it to escape the DOM hierarchy for improved positioning.
+{`btn-group`}{`"btn-group"`}, {`"dropdown"`}, {`"input-group"`}, {`"nav-item"`}{`'btn-group'`}, {`'dropdown'`}, {`'input-group'`}, {`'nav-item'`}Defines the visual variant of the React Dropdown
+{`boolean`}Controls the visibility of the React Dropdown Menu:
+{`true`} - Visible{`false`} - Hidden{`string`}A string of all className you want applied to the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "h6")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'h6')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the active state for the component.
+{`a`}{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "a")`}, {`(ElementType & "cite")`}, {`(ElementType & "data")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'a')`}, {`(ElementType & 'cite')`}, {`(ElementType & 'data')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "span")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'span')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Toggle the active state for the component.
+{`ElementType`}Component used for the root node. Either a string to use a HTML element or a component.
+{`boolean`}Enables pseudo element caret on toggler.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`boolean`}Create a custom toggler which accepts any content.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`true`}{`boolean`}{`variant`} is set to {`nav-item`} then render the toggler as a link instead of a button.If a dropdown {`variant`} is set to {`nav-item`} then render the toggler as a link instead of a button.
{`string`}The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers.
+{`'rounded'`}, {`'rounded-top'`}, {`'rounded-end'`}, {`'rounded-bottom'`}, {`'rounded-start'`}, {`'rounded-circle'`}, {`'rounded-pill'`}, {`'rounded-0'`}, {`'rounded-1'`}, {`'rounded-2'`}, {`'rounded-3'`}, {`string`}Select the shape of the component.
+{`"sm"`}, {`"lg"`}{`'sm'`}, {`'lg'`}Size the component small or large.
+{`boolean`}{`.dropdown-toggle-split`} className for proper spacing around the dropdown caret.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.
{`'hover'`}, {`'focus'`}, {`'click'`}Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+{`"outline"`}, {`"ghost"`}{`'outline'`}, {`'ghost'`}Set the button variant to an outlined button or a ghost button.
+{`string`}A string of all className you want applied to the base component.
+{`"fixed"`}, {`"sticky"`}{`'fixed'`}, {`'sticky'`}Place footer in non-static positions.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}{`true`}, all validation styles will be applied to the forms component.Mark a form as validated. If you set it {`true`}, all validation styles will be applied to the forms component.
{`ButtonObject`}Create button-like checkboxes and radio buttons.
+{`string`}A string of all className you want applied to the component.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`"full"`}{`'full'`}Sets hit area to the full area of the component.
+{`string`}The id global attribute defines an identifier (ID) that must be unique in the whole document.
+{`boolean`}Input Checkbox indeterminate Property.
+{`boolean`}Group checkboxes or radios on the same horizontal row.
+{`boolean`}Set component validation state to invalid.
+{`ReactNode`}The element represents a caption for a component.
+{`boolean`}Put checkboxes or radios on the opposite side.
+{`boolean`}Display validation feedback in a styled tooltip.
+{`checkbox`}{`"checkbox"`}, {`"radio"`}{`'checkbox'`}, {`'radio'`}Specifies the type of component.
+{`boolean`}Set component validation state to valid.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`boolean`}Set component validation state to invalid.
+{`boolean`}Display validation feedback in a styled tooltip.
+{`boolean`}Set component validation state to valid.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`string`}A string of all className you want applied to the floating label wrapper.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`boolean`}Set component validation state to invalid.
+{`ReactNode`}Add a caption for a component.
+{`ReactNode`}Add helper text to the component.
+{`boolean`}Display validation feedback in a styled tooltip.
+{`boolean`}Set component validation state to valid.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "div")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'div')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}{`value`} prop changes.Method called immediately after the {`value`} prop changes.
{`boolean`}If your form layout allows it, you can display validation feedback in a styled tooltip.
+{`boolean`}Set component validation state to valid.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the component.
+{`number`}, {`boolean`}Delay onChange event while typing. If set to true onChange event will be delayed 500ms, you can also provide the number of milliseconds you want to delay the onChange event.
+{`boolean`}Toggle the disabled state for the component.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`string`}A string of all className you want applied to the floating label wrapper.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`boolean`}Set component validation state to invalid.
+{`ReactNode`}Add a caption for a component.
+{`ChangeEventHandler\`} {`value`} prop changes.Method called immediately after the {`value`} prop changes.
{`boolean`}{`readonly`}.Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side {`readonly`}.
{`boolean`}Toggle the readonly state for the component.
+{`"sm"`}, {`"lg"`}{`'sm'`}, {`'lg'`}Size the component small or large.
+{`ReactNode`}Add helper text to the component.
+{`boolean`}Display validation feedback in a styled tooltip.
+{`string`}Specifies the type of component.
+{`boolean`}Set component validation state to valid.
+{`string`}, {`number`}, {`string[]`}{`value`} attribute of component.The {`value`} attribute of component.
{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want to be applied to the component, and override standard className value.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the disabled state for the component.
+{`ReactNode`}Add a caption for a component.
+{`number`}Specifies the maximum value for the component.
+{`number`}Specifies the minimum value for the component.
+{`ChangeEventHandler\`} {`value`} prop changes.Method called immediately after the {`value`} prop changes.
{`boolean`}Toggle the readonly state for the component.
+{`number`}Specifies the interval between legal numbers in the component.
+{`string`}, {`number`}, {`string[]`}{`value`} attribute of component.The {`value`} attribute of component.
{`string`}A string of all className you want applied to the component.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`string`}A string of all className you want applied to the floating label wrapper.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`number`}Specifies the number of visible options in a drop-down list.
+{`boolean`}Set component validation state to invalid.
+{`ReactNode`}Add a caption for a component.
+{`ChangeEventHandler\`} {`value`} prop changes.Method called immediately after the {`value`} prop changes.
{`Option[]`}, {`string[]`}{`label`}, {`value`}, {`disabled`}.{`options={[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]}`}{`options={['js', 'html']}`}Options list of the select component. Available keys: {`label`}, {`value`}, {`disabled`}.
+Examples:
{`options={[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]}`}{`options={['js', 'html']}`}{`"sm"`}, {`"lg"`}{`'sm'`}, {`'lg'`}Size the component small or large.
+{`ReactNode`}Add helper text to the component.
+{`boolean`}Display validation feedback in a styled tooltip.
+{`boolean`}Set component validation state to valid.
+{`string`}, {`number`}, {`string[]`}{`value`} attribute of component.The {`value`} attribute of component.
{`string`}A string of all className you want applied to the component.
+{`string`}The id global attribute defines an identifier (ID) that must be unique in the whole document.
+{`boolean`}Set component validation state to invalid.
+{`ReactNode`}The element represents a caption for a component.
+{`boolean`}Put switch on the opposite side.
+{`"lg"`}, {`"xl"`}{`'lg'`}, {`'xl'`}{`switch`}.Size the component large or extra large. Works only with {`switch`}.
{`checkbox`}{`"checkbox"`}, {`"radio"`}{`'checkbox'`}, {`'radio'`}Specifies the type of component.
+{`boolean`}Set component validation state to valid.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "div")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'div')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the disabled state for the component.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}Provide valuable, actionable feedback.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`string`}A string of all className you want applied to the floating label wrapper.
+{`ReactNode`}{`:invalid`} and {`:valid`}.Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, {`:invalid`} and {`:valid`}.
{`boolean`}Set component validation state to invalid.
+{`ReactNode`}Add a caption for a component.
+{`ChangeEventHandler\`} {`value`} prop changes.Method called immediately after the {`value`} prop changes.
{`boolean`}{`readonly`}.Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side {`readonly`}.
{`boolean`}Toggle the readonly state for the component.
+{`ReactNode`}Add helper text to the component.
+{`boolean`}Display validation feedback in a styled tooltip.
+{`boolean`}Set component validation state to valid.
+{`string`}, {`number`}, {`string[]`}{`value`} attribute of component.The {`value`} attribute of component.
{`string`}A string of all className you want applied to the component.
+{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}, {`"fluid"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}, {`'fluid'`}Defines optional container wrapping children elements.
+{`"fixed"`}, {`"sticky"`}{`'fixed'`}, {`'sticky'`}Place header in non-static positions.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "a")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'a')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the component.
+{`string`}, {`string[]`}{`icon={...}`} instead ofUse {`icon={...}`} instead of
{`string`}, {`string[]`}Use for replacing default CIcon component classes. Prop is overriding the 'size' prop.
+{`number`}The height attribute defines the vertical length of an icon.
+{`string`}, {`string[]`}Name of the icon placed in React object or SVG content.
+{`string`}{`icon="..."`} instead ofUse {`icon="..."`} instead of
{`"custom"`}, {`"custom-size"`}, {`"sm"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}, {`"3xl"`}, {`"4xl"`}, {`"5xl"`}, {`"6xl"`}, {`"7xl"`}, {`"8xl"`}, {`"9xl"`}{`'custom'`}, {`'custom-size'`}, {`'sm'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}, {`'3xl'`}, {`'4xl'`}, {`'5xl'`}, {`'6xl'`}, {`'7xl'`}, {`'8xl'`}, {`'9xl'`}Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl…9xl', 'custom', 'custom-size'.
+{`string`}Title tag content.
+{`string`}If defined component will be rendered using 'use' tag.
+{`string`}The viewBox attribute defines the position and dimension of an SVG viewport.
+{`number`}The width attribute defines the horizontal length of an icon.
+{`string`}A string of all className you want applied to the component.
+{`string`}, {`string[]`}Use for replacing default CIcon component classes. Prop is overriding the 'size' prop.
+{`number`}The height attribute defines the vertical length of an icon.
+{`"custom"`}, {`"custom-size"`}, {`"sm"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}, {`"3xl"`}, {`"4xl"`}, {`"5xl"`}, {`"6xl"`}, {`"7xl"`}, {`"8xl"`}, {`"9xl"`}{`'custom'`}, {`'custom-size'`}, {`'sm'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}, {`'3xl'`}, {`'4xl'`}, {`'5xl'`}, {`'6xl'`}, {`'7xl'`}, {`'8xl'`}, {`'9xl'`}Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl…9xl', 'custom', 'custom-size'.
+{`string`}Title tag content.
+{`number`}The width attribute defines the horizontal length of an icon.
+{`"start"`}, {`"center"`}, {`"end"`}{`'start'`}, {`'center'`}, {`'end'`}Set the horizontal aligment.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Make image responsive.
+{`boolean`}Make image rounded.
+{`boolean`}Give an image a rounded 1px border appearance.
+{`string`}A string of all className you want applied to the component.
+{`"sm"`}, {`"lg"`}{`'sm'`}, {`'lg'`}Size the component small or large.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "span")`}, {`(ElementType & "form")`}, {`(ElementType & "slot")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'span')`}, {`(ElementType & 'form')`}, {`(ElementType & 'slot')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the active state for the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "a")`}, {`(ElementType & "cite")`}, {`(ElementType & "data")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'a')`}, {`(ElementType & 'cite')`}, {`(ElementType & 'data')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}{`\`} ).Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., {`).
{`"horizontal"`}, {`"horizontal-sm"`}, {`"horizontal-md"`}, {`"horizontal-lg"`}, {`"horizontal-xl"`}, {`"horizontal-xxl"`}{`'horizontal'`}, {`'horizontal-sm'`}, {`'horizontal-md'`}, {`'horizontal-lg'`}, {`'horizontal-xl'`}, {`'horizontal-xxl'`}Specify a layout type.
+{`boolean`}Toggle the active state for the component.
+{`li`}{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "li")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'li')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`boolean`}Toggle the disabled state for the component.
+{`"top"`}, {`"center"`}{`'top'`}, {`'center'`}Align the modal in the center or top of the screen.
+{`true`}{`boolean`}, {`"static"`}{`boolean`}, {`'static'`}Apply a backdrop on body while modal is open.
+{`string`}A string of all className you want applied to the base component.
+{`Element`}, {`DocumentFragment`}, {`(() => Element | DocumentFragment)`}{`document.body`}.Appends the react modal to a specific element. You can pass an HTML element or function that returns a single element. By default {`document.body`}.
{`boolean`}Puts the focus on the modal when shown.
+{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}Set modal to covers the entire user viewport.
+{`boolean`}Closes the modal when escape key is pressed.
+{`() => void`}Callback fired when the component requests to be closed.
+{`() => void`}Callback fired when the component requests to be closed.
+{`() => void`}Callback fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option set to false.
+{`boolean`}Generates modal using createPortal.
+{`boolean`}Create a scrollable modal that allows scrolling the modal body.
+{`"sm"`}, {`"lg"`}, {`"xl"`}{`'sm'`}, {`'lg'`}, {`'xl'`}Size the component small, large, or extra large.
+{`boolean`}Remove animation to create modal that simply appear rather than fade in to view.
+{`true`}{`boolean`}By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
+{`boolean`}Toggle the visibility of modal component.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the base component.
+{`"top"`}, {`"center"`}{`'top'`}, {`'center'`}Align the modal in the center or top of the screen.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}Set modal to covers the entire user viewport.
+{`boolean`}Does the modal dialog itself scroll, or does the whole dialog scroll within the window.
+{`"sm"`}, {`"lg"`}, {`"xl"`}{`'sm'`}, {`'lg'`}, {`'xl'`}Size the component small, large, or extra large.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the base component.
+{`true`}{`boolean`}Add a close button component to the header.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "h5")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'h5')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the base component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the base component.
+{`"fill"`}, {`"justified"`}{`'fill'`}, {`'justified'`}Specify a layout type for component.
+{`"pills"`}, {`"tabs"`}, {`"underline"`}, {`"underline-border"`}{`'pills'`}, {`'tabs'`}, {`'underline'`}, {`'underline-border'`}Set the nav variant to tabs or pills.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "li")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'li')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}{`padding`} in half.Make nav group more compact by cutting all {`padding`} in half.
{`ReactNode`}Set group toggler label.
+{`boolean`}Show nav group items.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the active state for the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "li")`}, {`(ElementType & "cite")`}, {`(ElementType & "data")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'li')`}, {`(ElementType & 'cite')`}, {`(ElementType & 'data')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`boolean`}Toggle the active state for the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "a")`}, {`(ElementType & "cite")`}, {`(ElementType & "data")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'a')`}, {`(ElementType & 'cite')`}, {`(ElementType & 'data')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "li")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'li')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "nav")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'nav')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`"dark"`}, {`"light"`}{`'dark'`}, {`'light'`}Sets if the color of text should be colored for a light or dark background.
+{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}, {`"fluid"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}, {`'fluid'`}Defines optional container wrapping children elements.
+{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}Defines the responsive breakpoint to determine when content collapses.
+{`"fixed-top"`}, {`"fixed-bottom"`}, {`"sticky-top"`}{`'fixed-top'`}, {`'fixed-bottom'`}, {`'sticky-top'`}Place component in non-static positions.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "a")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'a')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the base component.
+{`true`}{`boolean`}, {`"static"`}{`boolean`}, {`'static'`}Apply a backdrop on body while offcanvas is open.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Sets a darker color scheme.
+{`boolean`}Closes the offcanvas when escape key is pressed.
+{`() => void`}Callback fired when the component requests to be hidden.
+{`() => void`}Callback fired when the component requests to be shown.
+{`"start"`}, {`"end"`}, {`"top"`}, {`"bottom"`}{`'start'`}, {`'end'`}, {`'top'`}, {`'bottom'`}Components placement, there’s no default placement.
+{`boolean`}Generates modal using createPortal.
+{`true`}{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down.
+{`boolean`}Allow body scrolling while offcanvas is open
+{`boolean`}Toggle the visibility of offcanvas component.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the base component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "h5")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'h5')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`"start"`}, {`"center"`}, {`"end"`}{`'start'`}, {`'center'`}, {`'end'`}Set the alignment of pagination components.
+{`string`}A string of all className you want applied to the base component.
+{`"sm"`}, {`"lg"`}{`'sm'`}, {`'lg'`}Size the component small or large.
+{`boolean`}Toggle the active state for the component.
+{`(ElementType & string)`}, {`(ElementType & ComponentClass\)`} , {`(ElementType & FunctionComponent\)`} Component used for the root node. Either a string to use a HTML element or a component.
+{`boolean`}Toggle the disabled state for the component.
+{`"glow"`}, {`"wave"`}{`'glow'`}, {`'wave'`}Set animation type to better convey the perception of something being actively loaded.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "span")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'span')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`number`}The number of columns on large devices (<1200px).
+{`number`}The number of columns on medium devices (<992px).
+{`"xs"`}, {`"sm"`}, {`"lg"`}{`'xs'`}, {`'sm'`}, {`'lg'`}Size the component extra small, small, or large.
+{`number`}The number of columns on small devices (<768px).
+{`number`}The number of columns on X-Large devices (<1400px).
+{`number`}The number of columns on extra small devices (<576px).
+{`number`}The number of columns on XX-Large devices (≥1400px).
+{`boolean`}Adds a fade transition animation to the React Popover.
+{`string`}Custom class name(s) for additional styling.
+{`document.body`}{`Element`}, {`DocumentFragment`}, {`(() => Element | DocumentFragment)`}{`document.body`}.Defines the container element to which the React Popover is appended.
+Accepts:
{`HTMLElement`} or {`DocumentFragment`}){`null`} (defaults to {`document.body`}){`ReactNode`}Main content of the React Popover. It can be a string or any valid React node.
+{`number`}, {`{ show: number; hide: number; }`}{`{ 'show': 500, 'hide': 100 }`}.Delay (in milliseconds) before showing or hiding the React Popover.
+{`['top', 'right', 'bottom', 'left']`}{`Placements`}, {`Placements[]`}{`'top', 'right', 'bottom', 'left'`}, {`('top', 'right', 'bottom', 'left')[]`}Specifies the fallback placements when the preferred {`placement`} cannot be met.
{`[number, number]`}Offset of the React Popover relative to its toggle element, in the form {`[x, y]`}.
{`() => void`}Invoked when the React Popover is about to hide.
+{`() => void`}Invoked when the React Popover is about to show.
+{`top`}{`"auto"`}, {`"top"`}, {`"bottom"`}, {`"right"`}, {`"left"`}{`'auto'`}, {`'top'`}, {`'bottom'`}, {`'right'`}, {`'left'`}Placement of the React Popover. Popper.js may override this based on available space.
+{`Partial\`} , {`((defaultPopperConfig: Partial\) => Partial\)`} Allows customization of the Popper.js configuration for the React Popover.
+Can be an object or a function returning a modified configuration.
+Learn more
{`ReactNode`}Title for the React Popover header. Can be a string or any valid React node.
+{`click`}{`'hover'`}, {`'focus'`}, {`'click'`}{`'hover'`}, {`'focus'`}, {`'click'`}, {`('hover' | 'focus' | 'click')[]`}Determines which events trigger the visibility of the React Popover. Can be a single trigger or an array of triggers.
+{`boolean`}Controls the visibility of the React Popover.
+{`true`} shows the popover.{`false`} hides the popover.{`boolean`}Use to animate the stripes right to left via CSS3 animations.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`number`}{`\`} will automatically resize accordingly.Sets the height of the component. If you set that value the inner {` will automatically resize accordingly.
{`string`}A string of all className you want applied to the {` component.
{`boolean`}Makes progress bar thinner.
+{`number`}The percent to progress the ProgressBar (out of 100).
+{`"striped"`}{`'striped'`}Set the progress bar variant to optional striped.
+{`boolean`}Change the default color to white.
+{`boolean`}Use to animate the stripes right to left via CSS3 animations.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`number`}The percent to progress the ProgressBar.
+{`"striped"`}{`'striped'`}Set the progress bar variant to optional striped.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the base component.
+{`{{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}`}The number of columns/offset/order on large devices (<1200px).
+{`{{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}`}The number of columns/offset/order on medium devices (<992px).
+{`{{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}`}The number of columns/offset/order on small devices (<768px).
+{`{{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}`}The number of columns/offset/order on X-Large devices (<1400px).
+{`{{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}`}The number of columns/offset/order on extra small devices (<576px).
+{`{{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}`}The number of columns/offset/order on XX-Large devices (≥1400px).
+{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'div')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`'dark'`}, {`'light'`}Sets if the color of text should be colored for a light or dark dark background.
+{`boolean`}Make sidebar narrow.
+{`() => void`}Callback fired when the component requests to be hidden.
+{`() => void`}Callback fired when the component requests to be shown.
+{`(visible: boolean) => void`}Event emitted after visibility of component changed.
+{`boolean`}Set sidebar to overlaid variant.
+{`'start'`}, {`'end'`}Components placement, there’s no default placement.
+{`"fixed"`}, {`"sticky"`}{`'fixed'`}, {`'sticky'`}Place sidebar in non-static positions.
+{`"sm"`}, {`"lg"`}, {`"xl"`}{`'sm'`}, {`'lg'`}, {`'xl'`}Size the component small, large, or extra large.
+{`boolean`}Expand narrowed sidebar on hover.
+{`boolean`}Toggle the visibility of sidebar component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "a")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'a')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "ul")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'ul')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`string`}A string of all className you want applied to the component.
+{`(ElementType & "symbol")`}, {`(ElementType & "object")`}, {`(ElementType & "div")`}, {`(ElementType & "slot")`}, {`(ElementType & "style")`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}{`(ElementType & 'symbol')`}, {`(ElementType & 'object')`}, {`(ElementType & 'div')`}, {`(ElementType & 'slot')`}, {`(ElementType & 'style')`}, {`... 174 more ...`}, {`(ElementType & FunctionComponent\<...>)`}Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`"sm"`}{`'sm'`}Size the component small.
+{`border`}{`"border"`}, {`"grow"`}{`'border'`}, {`'grow'`}Set the button variant to an outlined button or a ghost button.
+Set visually hidden label for accessibility purposes.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}, {`number`}Item key.
+{`string`}A string of all className you want applied to the base component.
+{`string`}A string of all className you want applied to the base component.
+{`"fill"`}, {`"justified"`}{`'fill'`}, {`'justified'`}Specify a layout type for component.
+{`"pills"`}, {`"tabs"`}, {`"underline"`}, {`"underline-border"`}{`'pills'`}, {`'tabs'`}, {`'underline'`}, {`'underline-border'`}Set the nav variant to tabs or pills.
+{`string`}A string of all className you want applied to the base component.
+{`() => void`}Callback fired when the component requests to be hidden.
+{`() => void`}Callback fired when the component requests to be shown.
+{`boolean`}Enable fade in and fade out transition.
+{`boolean`}Toggle the visibility of component.
+{`string`}A string of all className you want applied to the base component.
+{`string`}, {`number`}Item key.
+{`() => void`}Callback fired when the component requests to be hidden.
+{`() => void`}Callback fired when the component requests to be shown.
+{`boolean`}Enable fade in and fade out transition.
+{`boolean`}Toggle the visibility of component.
+{`string`}Set the vertical aligment.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the border color of the component to one of CoreUI’s themed colors.
+{`boolean`}Add borders on all sides of the table and cells.
+{`boolean`}Remove borders on all sides of the table and cells.
+{`string`}{`caption="top"`} of the table or set the text of the table caption.Put the caption on the top if you set {`caption="top"`} of the table or set the text of the table caption.
{`string`}Set the text of the table caption and the caption on the top of the table.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`(string | Column)[]`}{`_props: { scope: 'col', className: 'custom-class' }`},Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
+In columns prop each array item represents one column. Item might be specified in two ways:
+String: each item define column name equal to item value.
+Object: item is object with following keys available as column configuration:
{`_props: { scope: 'col', className: 'custom-class' }`},{`(string | FooterItem)[]`}{`['FooterCell', 'FooterCell', 'FooterCell']`}{`[{ label: 'FooterCell', _props: { color: 'success' }, ...]`}Array of objects or strings, where each element represents one cell in the table footer.
+Example items:
+{`['FooterCell', 'FooterCell', 'FooterCell']`}
+or
+{`[{ label: 'FooterCell', _props: { color: 'success' }, ...]`}
{`boolean`}{`\`} .Enable a hover state on table rows within a {`.
{`Item[]`}{`{ name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}`}Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by 'props' key and to single cell by 'cellProps'.
+Example item:
+{`{ name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}`}
{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
+{`boolean`}{`padding`} in half.Make table more compact by cutting all cell {`padding`} in half.
{`boolean`}{`\`} .Add zebra-striping to any table row within the {`.
{`boolean`}Add zebra-striping to any table column.
+{`CTableFootProps`}Properties that will be passed to the table footer component.
+{`CTableHeadProps`}Properties that will be passed to the table head component.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+| Property | -Default | -Type | -
|---|
{`boolean`}Highlight a table row or cell.
+{`string`}Set the vertical aligment.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`boolean`}, {`"sm"`}, {`"md"`}, {`"lg"`}, {`"xl"`}, {`"xxl"`}{`boolean`}, {`'sm'`}, {`'md'`}, {`'lg'`}, {`'xl'`}, {`'xxl'`}Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
+{`boolean`}Highlight a table row or cell..
+{`string`}Set the vertical aligment.
+{`string`}A string of all className you want applied to the component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`string`}, {`number`}Controls the currently active tab.
+When provided, the component operates in a controlled mode.
+You must handle tab switching manually by updating this prop.
{`string`}A string of all className you want applied to the base component.
+{`string`}, {`number`}Sets the initially active tab when the component mounts.
+After initialization, the component manages active tab changes internally.
+Use {`defaultActiveItemKey`} for uncontrolled usage.
{`(value: string | number) => void`}Callback fired when the active tab changes.
+{`activeItemKey`} provided), you must update {`activeItemKey`} yourself based on the value received.{`boolean`}Apply a CSS fade transition to the toast.
+{`boolean`}Auto hide the toast.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`number`}Delay hiding the toast (ms).
+{`(index: number) => void`}Callback fired when the component requests to be closed.
+{`(index: number) => void`}Callback fired when the component requests to be shown.
+{`boolean`}Toggle the visibility of component.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Toggle the active state for the component.
+{`(ElementType & string)`}, {`(ElementType & ComponentClass\)`} , {`(ElementType & FunctionComponent\)`} Component used for the root node. Either a string to use a HTML element or a component.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Invert the default color.
+{`boolean`}Toggle the disabled state for the component.
+{`string`}The href attribute specifies the URL of the page the link goes to.
+{`'rounded'`}, {`'rounded-top'`}, {`'rounded-end'`}, {`'rounded-bottom'`}, {`'rounded-start'`}, {`'rounded-circle'`}, {`'rounded-pill'`}, {`'rounded-0'`}, {`'rounded-1'`}, {`'rounded-2'`}, {`'rounded-3'`}, {`string`}Select the shape of the component.
+{`"sm"`}, {`"lg"`}{`'sm'`}, {`'lg'`}Size the component small or large.
+{`"button"`}, {`"submit"`}, {`"reset"`}{`'button'`}, {`'submit'`}, {`'reset'`}{`\ element.{`\ element.Specifies the type of button. Always specify the type attribute for the {` element.
+Different browsers may use different default types for the {` element.
{`"outline"`}, {`"ghost"`}{`'outline'`}, {`'ghost'`}Set the button variant to an outlined button or a ghost button.
+{`boolean`}Change the default color to white.
+{`string`}A string of all className you want applied to the base component.
+{`boolean`}Automatically add a close button to the header.
+{`string`}A string of all className you want applied to the base component.
+{`'top-start'`}, {`'top'`}, {`'top-end'`}, {`'middle-start'`}, {`'middle'`}, {`'middle-end'`}, {`'bottom-start'`}, {`'bottom'`}, {`'bottom-end'`}, {`string`}Describes the placement of your component.
+{`ReactElement`}{`CToast`} to {`CToaster`}.Adds new {`CToast`} to {`CToaster`}.
{`boolean`}Enables or disables the CSS fade transition for the React Tooltip.
+{`string`}Adds a custom class name to the React Tooltip container. Useful for overriding default styles or applying additional design choices.
+{`document.body`}{`Element`}, {`DocumentFragment`}, {`(() => Element | DocumentFragment)`}{`document.body`}.Appends the React Tooltip to a specific element instead of the default {`document.body`}. You may pass:
{`HTMLElement`} or {`DocumentFragment`}){`null`}{`ReactNode`}Content to be displayed within the React Tooltip. Can be a string or any valid React node.
+{`number`}, {`{ show: number; hide: number; }`}{`{ 'show': 500, 'hide': 100 }`}.The delay (in milliseconds) before showing or hiding the React Tooltip.
+{`['top', 'right', 'bottom', 'left']`}{`Placements`}, {`Placements[]`}{`'top', 'right', 'bottom', 'left'`}, {`('top', 'right', 'bottom', 'left')[]`}Array of fallback placements for the React Tooltip to use when the preferred placement cannot be achieved. These placements are tried in order.
+{`[number, number]`}Adjusts the offset of the React Tooltip relative to its target. Expects a tuple {`[x-axis, y-axis]`}.
{`() => void`}Callback fired immediately after the React Tooltip is hidden.
+{`() => void`}Callback fired immediately after the React Tooltip is shown.
+{`top`}{`"auto"`}, {`"top"`}, {`"bottom"`}, {`"right"`}, {`"left"`}{`'auto'`}, {`'top'`}, {`'bottom'`}, {`'right'`}, {`'left'`}Initial placement of the React Tooltip. Note that Popper.js modifiers may alter this placement automatically if there's insufficient space in the chosen position.
+{`Partial\`} , {`((defaultPopperConfig: Partial\) => Partial\)`} Customize the Popper.js configuration used to position the React Tooltip. Pass either an object or a function returning a modified config. Learn more
+{`['hover', 'focus']`}{`'hover'`}, {`'focus'`}, {`'click'`}{`'hover'`}, {`'focus'`}, {`'click'`}, {`('hover' | 'focus' | 'click')[]`}Determines the events that toggle the visibility of the React Tooltip. Can be a single trigger or an array of triggers.
+{`boolean`}Controls the visibility of the React Tooltip.
+{`true`} to show the tooltip.{`false`} to hide the tooltip.{`ReactNode`}Action node for your component.
+{`ReactNode`}Chart node for your component.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`ReactNode`}Title node for your component.
+{`ReactNode`}Value node for your component.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`boolean`}Colors have been inverted from their default dark shade.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the progress bar to one of CoreUI’s themed colors.
+{`string`}Helper text for your component.
+{`ReactNode`}Title node for your component.
+{`ReactNode`}Value node for your component.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`ReactNode`}Icon node for your component.
+{`boolean`}Colors have been inverted from their default dark shade.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the progress bar to one of CoreUI’s themed colors.
+{`ReactNode`}Title node for your component.
+{`ReactNode`}Value node for your component.
+{`ReactNode`}Chart node for your component.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`ReactNode`}Icon node for your component.
+{`Value[]`}Values and titles for your component.
+{`ReactNode`}Chart node for your component.
+{`string`}A string of all className you want applied to the base component.
+{`ReactNode`}Title node for your component.
+{`ReactNode`}Value node for your component.
+{`string`}A string of all className you want applied to the base component.
+{`'primary'`}, {`'secondary'`}, {`'success'`}, {`'danger'`}, {`'warning'`}, {`'info'`}, {`'dark'`}, {`'light'`}, {`string`}Sets the color context of the component to one of CoreUI’s themed colors.
+{`ReactNode`}Footer node for your component.
+{`ReactNode`}Icon node for your component.
+{`boolean`}Set padding of your component.
+{`ReactNode`}Title node for your component.
+{`ReactNode`}Value node for your component.
+