docs: update links to API

Author: mrholek

packages/docs/content/components/accordion/bootstrap.mdx

@@ -28,7 +28,7 @@ Use the `alwaysOpen` property to keep multiple accordion items expanded at the s
 
 Refer to the API documentation for detailed descriptions of all the available props and components used to create Bootstrap-styled accordions in React.
 
-- [<CAccordion />](./api/#caccordion)
-- [<CAccordionBody />](./api/#caccordionbody)
-- [<CAccordionHeader />](./api/#caccordionheader)
-- [<CAccordionItem />](./api/#caccordionitem)
+- [<CAccordion />](../api/#caccordion)
+- [<CAccordionBody />](../api/#caccordionbody)
+- [<CAccordionHeader />](../api/#caccordionheader)
+- [<CAccordionItem />](../api/#caccordionitem)

packages/docs/content/components/alert/bootstrap.mdx

@@ -65,6 +65,6 @@ Use the `dismissible` prop to allow users to close the alert. This will complete
 
 Review the API documentation for detailed information about the props available in the Bootstrap-styled React Alert component.
 
-- [<CAlert />](./api/#calert)
-- [<CAlertHeading />](./api/#calertheading)
-- [<CAlertLink />](./api/#calertlink)
+- [<CAlert />](../api/#calert)
+- [<CAlertHeading />](../api/#calertheading)
+- [<CAlertLink />](../api/#calertlink)

packages/docs/content/components/avatar/bootstrap.mdx

@@ -52,4 +52,4 @@ Add a small status indicator (e.g. online, offline) to avatars using the `status
 
 Refer to the API below for all configurable props used with the Bootstrap-styled React Avatar component.
 
-- [<CAvatar />](./api/#cavatar)
+- [<CAvatar />](../api/#cavatar)

packages/docs/content/components/badge/bootstrap.mdx

@@ -50,4 +50,4 @@ To make badges more rounded, use the `shape="rounded-pill"` prop. This mirrors B
 
 See below for the full API reference for all available props for the Bootstrap-styled React Badge component.
 
-- [<CBadge />](./api/#cbadge)
+- [<CBadge />](../api/#cbadge)

packages/docs/content/components/breadcrumb/bootstrap.mdx

@@ -53,5 +53,5 @@ For best practices, refer to the [WAI-ARIA Authoring Practices: Breadcrumb Patte
 
 Check the API reference below for full details on all available props for the Bootstrap-styled React Breadcrumb component.
 
-- [<CBreadcrumb />](./api/#cbreadcrumb)
-- [<CBreadcrumbItem />](./api/#cbreadcrumbitem)
+- [<CBreadcrumb />](../api/#cbreadcrumb)
+- [<CBreadcrumbItem />](../api/#cbreadcrumbitem)

packages/docs/content/components/button-group/bootstrap.mdx

@@ -74,5 +74,5 @@ Stack buttons vertically using the vertical variation of React Bootstrap Button
 
 Explore the API documentation for available props and configuration for the React Bootstrap Button Group component and toolbars.
 
-- [<CButtonGroup />](./api/#cbuttongroup)
+- [<CButtonGroup />](../api/#cbuttongroup)
 - [<CButtonToolbar />]()

packages/docs/content/components/button/bootstrap.mdx

@@ -100,4 +100,4 @@ Use flex utilities and margin helpers to align buttons horizontally when they're
 
 See the full API reference for all available props in the Bootstrap-styled React Button component.
 
-- [<CButton />](./api/#cbutton)
+- [<CButton />](../api/#cbutton)

packages/docs/content/components/card/bootstrap.mdx

@@ -156,14 +156,14 @@ Use `<CRow>` and grid props to control the layout of multiple cards in a respons
 
 ## API reference
 
-- [&lt;CCard /&gt;](./api/#ccard)
-- [&lt;CCardBody /&gt;](./api/#ccardbody)
-- [&lt;CCardFooter /&gt;](./api/#ccardfooter)
-- [&lt;CCardGroup /&gt;](./api/#ccardgroup)
-- [&lt;CCardHeader /&gt;](./api/#ccardheader)
-- [&lt;CCardImage /&gt;](./api/#ccardimage)
-- [&lt;CCardImageOverlay /&gt;](./api/#ccardimageoverlay)
-- [&lt;CCardLink /&gt;](./api/#ccardlink)
-- [&lt;CCardSubtitle /&gt;](./api/#ccardsubtitle)
-- [&lt;CCardText /&gt;](./api/#ccardtext)
-- [&lt;CCardTitle /&gt;](./api/#ccardtitle)
+- [&lt;CCard /&gt;](../api/#ccard)
+- [&lt;CCardBody /&gt;](../api/#ccardbody)
+- [&lt;CCardFooter /&gt;](../api/#ccardfooter)
+- [&lt;CCardGroup /&gt;](../api/#ccardgroup)
+- [&lt;CCardHeader /&gt;](../api/#ccardheader)
+- [&lt;CCardImage /&gt;](../api/#ccardimage)
+- [&lt;CCardImageOverlay /&gt;](../api/#ccardimageoverlay)
+- [&lt;CCardLink /&gt;](../api/#ccardlink)
+- [&lt;CCardSubtitle /&gt;](../api/#ccardsubtitle)
+- [&lt;CCardText /&gt;](../api/#ccardtext)
+- [&lt;CCardTitle /&gt;](../api/#ccardtitle)

packages/docs/content/components/carousel/bootstrap.mdx

@@ -54,6 +54,6 @@ Use the `dark` prop on `<CCarousel>` to enable dark-themed controls, indicators,
 
 Refer to the API documentation below for all supported props of the React Bootstrap Carousel component:
 
-- [&lt;CCarousel /&gt;](./api/#ccarousel)
-- [&lt;CCarouselCaption /&gt;](./api/#ccarouselcaption)
-- [&lt;CCarouselItem /&gt;](./api/#ccarouselitem)
+- [&lt;CCarousel /&gt;](../api/#ccarousel)
+- [&lt;CCarouselCaption /&gt;](../api/#ccarouselcaption)
+- [&lt;CCarouselItem /&gt;](../api/#ccarouselitem)

packages/docs/content/components/close-button/bootstrap.mdx

@@ -28,4 +28,4 @@ Use the `dark` prop to apply a dark version of the close button. This inverts th
 
 Check the API documentation below for the full list of props available in the React Bootstrap Close Button component:
 
-- [<CCloseButton />](./api/#cclosebutton)
+- [<CCloseButton />](../api/#cclosebutton)

packages/docs/content/components/collapse/bootstrap.mdx

@@ -34,4 +34,4 @@ React Bootstrap Collapse supports multiple targets toggled by a single trigger.
 
 Check the API documentation below to explore all available props for the React Bootstrap Collapse component:
 
-- [<CCollapse />](./api/#ccollapse)
+- [<CCollapse />](../api/#ccollapse)

packages/docs/content/components/dropdown/bootstrap.mdx

@@ -134,10 +134,10 @@ Left-align from a breakpoint with `alignment="md:start"`:
 
 Refer to the API below for full details on available components and props in the React Bootstrap Dropdown:
 
-- [<CDropdown />](./api/#cdropdown)
-- [<CDropdownDivider />](./api/#cdropdowndivider)
-- [<CDropdownHeader />](./api/#cdropdownheader)
-- [<CDropdownItem />](./api/#cdropdownitem)
-- [<CDropdownItemPlain />](./api/#cdropdownitemplain)
-- [<CDropdownMenu />](./api/#cdropdownmenu)
-- [<CDropdownToggle />](./api/#cdropdowntoggle)
+- [<CDropdown />](../api/#cdropdown)
+- [<CDropdownDivider />](../api/#cdropdowndivider)
+- [<CDropdownHeader />](../api/#cdropdownheader)
+- [<CDropdownItem />](../api/#cdropdownitem)
+- [<CDropdownItemPlain />](../api/#cdropdownitemplain)
+- [<CDropdownMenu />](../api/#cdropdownmenu)
+- [<CDropdownToggle />](../api/#cdropdowntoggle)

packages/docs/content/components/image/bootstrap.mdx

@@ -32,4 +32,4 @@ Use the `align` prop to control image alignment within the container. This allow
 
 Explore all available props and customization options for the React Bootstrap Image component below:
 
-- [<CImage />](./api/#cimage)
+- [<CImage />](../api/#cimage)

packages/docs/content/components/list-group/bootstrap.mdx

@@ -78,5 +78,5 @@ Embed checkboxes or radio buttons inside list items for interactive list selecti
 
 Explore the full API for the React Bootstrap List Group components:
 
-- [<CListGroup />](./api/#clistgroup)
-- [<CListGroupItem />](./api/#clistgroupitem)
+- [<CListGroup />](../api/#clistgroup)
+- [<CListGroupItem />](../api/#clistgroupitem)

packages/docs/content/components/modal/bootstrap.mdx

@@ -128,8 +128,8 @@ Use the `fullscreen` prop to make modals expand to full viewport width/height. Y
 
 Explore the API for the React Bootstrap Modal component and its related parts:
 
-- [<CModal />](./api/#cmodal)
-- [<CModalBody />](./api/#cmodalbody)
-- [<CModalFooter />](./api/#cmodalfooter)
-- [<CModalHeader />](./api/#cmodalheader)
-- [<CModalTitle />](./api/#cmodaltitle)
+- [<CModal />](../api/#cmodal)
+- [<CModalBody />](../api/#cmodalbody)
+- [<CModalFooter />](../api/#cmodalfooter)
+- [<CModalHeader />](../api/#cmodalheader)
+- [<CModalTitle />](../api/#cmodaltitle)

packages/docs/content/components/navbar/bootstrap.mdx

@@ -98,8 +98,8 @@ Turn the responsive navbar into an offcanvas drawer with `expand="*"` or `expand
 
 Explore the full API for React Bootstrap Navbar components:
 
-- [<CNavbar />](./api/#cnavbar)
-- [<CNavbarBrand />](./api/#cnavbarbrand)
-- [<CNavbarNav />](./api/#cnavbarnav)
-- [<CNavbarText />](./api/#cnavbartext)
-- [<CNavbarToggler />](./api/#cnavbartoggler)
+- [<CNavbar />](../api/#cnavbar)
+- [<CNavbarBrand />](../api/#cnavbarbrand)
+- [<CNavbarNav />](../api/#cnavbarnav)
+- [<CNavbarText />](../api/#cnavbartext)
+- [<CNavbarToggler />](../api/#cnavbartoggler)

packages/docs/content/components/navs-tabs/bootstrap.mdx

@@ -95,8 +95,8 @@ Build dynamic tabbed interfaces using `<CTabContent>` and `<CTabPane>`. These co
 
 Explore the full list of props and components used in React Bootstrap Navs and Tabs:
 
-- [&lt;CNav /&gt;](./api/#cnav)
-- [&lt;CNavItem /&gt;](./api/#cnavitem)
-- [&lt;CNavLink /&gt;](./api/#cnavlink)
-- [&lt;CTabContent /&gt;](./api/#ctabcontent)
-- [&lt;CTabPane /&gt;](./api/#ctabpane)
+- [&lt;CNav /&gt;](../api/#cnav)
+- [&lt;CNavItem /&gt;](../api/#cnavitem)
+- [&lt;CNavLink /&gt;](../api/#cnavlink)
+- [&lt;CTabContent /&gt;](../api/#ctabcontent)
+- [&lt;CTabPane /&gt;](../api/#ctabpane)

packages/docs/content/components/offcanvas/bootstrap.mdx

@@ -85,7 +85,7 @@ React Bootstrap Offcanvas behaves like a modal. Use `aria-labelledby` to link th
 
 Review the full API for the React Bootstrap Offcanvas component and its parts:
 
-- [<COffcanvas />](./api/#coffcanvas)
-- [<COffcanvasBody />](./api/#coffcanvasbody)
-- [<COffcanvasHeader />](./api/#coffcanvasheader)
-- [<COffcanvasTitle />](./api/#coffcanvastitle)
+- [<COffcanvas />](../api/#coffcanvas)
+- [<COffcanvasBody />](../api/#coffcanvasbody)
+- [<COffcanvasHeader />](../api/#coffcanvasheader)
+- [<COffcanvasTitle />](../api/#coffcanvastitle)

packages/docs/content/components/pagination/bootstrap.mdx

@@ -44,5 +44,5 @@ Change pagination alignment using the `align` prop: `"start"`, `"center"`, or `"
 
 Here’s the API reference for the React Bootstrap Pagination component:
 
-- [<CPagination />](./api/#cpagination)
-- [<CPaginationItem />](./api/#cpaginationitem)
+- [<CPagination />](../api/#cpagination)
+- [<CPaginationItem />](../api/#cpaginationitem)

packages/docs/content/components/placeholder/bootstrap.mdx

@@ -60,4 +60,4 @@ Make React Bootstrap Placeholder elements feel dynamic by using `animation="glow
 
 Review the available props for the React Bootstrap Placeholder component:
 
-- [<CPlaceholder />](./api/#cplaceholder)
+- [<CPlaceholder />](../api/#cplaceholder)

packages/docs/content/components/popover/bootstrap.mdx

@@ -46,4 +46,4 @@ HTML elements with the `disabled` attribute cannot trigger popovers. Wrap them i
 
 Explore the full API for the React Bootstrap Popover component:
 
-- [<CPopover />](./api/#cpopover)
+- [<CPopover />](../api/#cpopover)

packages/docs/content/components/progress/bootstrap.mdx

@@ -96,5 +96,5 @@ Make stripes animated using the `animated` prop.
 
 Explore the full API for the React Bootstrap Progress component:
 
-- [<CProgress />](./api/#cprogress)
-- [<CProgressBar />](./api/#cprogressbar)
+- [<CProgress />](../api/#cprogress)
+- [<CProgressBar />](../api/#cprogressbar)

packages/docs/content/components/sidebar/bootstrap.mdx

@@ -73,9 +73,9 @@ By default, the React Bootstrap Sidebar appears on the left. Use the `placement`
 
 Explore the available props for the React Bootstrap Sidebar component and its subcomponents:
 
-- [<CSidebar />](./api/#csidebar)
-- [<CSidebarBrand />](./api/#csidebarbrand)
-- [<CSidebarFooter />](./api/#csidebarfooter)
-- [<CSidebarHeader />](./api/#csidebarheader)
-- [<CSidebarNav />](./api/#csidebarnav)
-- [<CSidebarToggler />](./api/#csidebartoggler)
+- [<CSidebar />](../api/#csidebar)
+- [<CSidebarBrand />](../api/#csidebarbrand)
+- [<CSidebarFooter />](../api/#csidebarfooter)
+- [<CSidebarHeader />](../api/#csidebarheader)
+- [<CSidebarNav />](../api/#csidebarnav)
+- [<CSidebarToggler />](../api/#csidebartoggler)

packages/docs/content/components/spinner/bootstrap.mdx

@@ -79,4 +79,4 @@ Each spinner includes `role="status"` and a visually hidden `<span>` with `"Load
 
 Explore the full API for the React Bootstrap Spinner component:
 
-- [&lt;CSpinner /&gt;](./api/#cspinner)
+- [&lt;CSpinner /&gt;](../api/#cspinner)

packages/docs/content/components/table/bootstrap.mdx

@@ -1631,10 +1631,10 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
 
 Explore all available props and component options in the API reference below.
 
-- [<CTable />](./api/#ctable)
-- [<CTableBody />](./api/#ctablebody)
-- [<CTableDataCell />](./api/#ctabledatacell)
-- [<CTableFoot />](./api/#ctablefoot)
-- [<CTableHead />](./api/#ctablehead)
-- [<CTableHeaderCell />](./api/#ctableheadercell)
-- [<CTableRow />](./api/#ctablerow)
+- [<CTable />](../api/#ctable)
+- [<CTableBody />](../api/#ctablebody)
+- [<CTableDataCell />](../api/#ctabledatacell)
+- [<CTableFoot />](../api/#ctablefoot)
+- [<CTableHead />](../api/#ctablehead)
+- [<CTableHeaderCell />](../api/#ctableheadercell)
+- [<CTableRow />](../api/#ctablerow)

packages/docs/content/components/tabs/bootstrap.mdx

@@ -61,8 +61,8 @@ CoreUI's Tabs component automatically manages `aria-` and `role="..."` attribute
 
 Refer to the API documentation for detailed descriptions of all available props and usage patterns.
 
-- [<CTabs />](./api/#ctabs)
-- [<CTabList />](./api/#ctablist)
-- [<CTab />](./api/#ctab)
-- [<CTabContent />](./api/#ctabcontent)
-- [<CTabPanel />](./api/#ctabpanel)
+- [<CTabs />](../api/#ctabs)
+- [<CTabList />](../api/#ctablist)
+- [<CTab />](../api/#ctab)
+- [<CTabContent />](../api/#ctabcontent)
+- [<CTabPanel />](../api/#ctabpanel)

packages/docs/content/components/toast/bootstrap.mdx

@@ -46,8 +46,8 @@ Use CoreUI’s utility classes and props like `color`, `text-white`, and `border
 
 Refer to the API documentation for detailed descriptions of all the available props and components used to build Bootstrap-style toasts in React.
 
-- [<CToast />](./api/#ctoast)
-- [<CToastHeader />](./api/#ctoastheader)
-- [<CToastBody />](./api/#ctoastbody)
-- [<CToastClose />](./api/#ctoastclose)
-- [<CToaster />](./api/#ctoaster)
+- [<CToast />](../api/#ctoast)
+- [<CToastHeader />](../api/#ctoastheader)
+- [<CToastBody />](../api/#ctoastbody)
+- [<CToastClose />](../api/#ctoastclose)
+- [<CToaster />](../api/#ctoaster)

packages/docs/content/components/tooltip/bootstrap.mdx

@@ -38,4 +38,4 @@ Because disabled elements do not trigger events, wrap them in a `<span>` or `<di
 
 Refer to the API documentation for detailed descriptions of all available props and customization options.
 
-- [&lt;CTooltip /&gt;](./api/#ctooltip)
+- [&lt;CTooltip /&gt;](../api/#ctooltip)

packages/docs/content/forms/checkbox/bootstrap.mdx

@@ -66,4 +66,4 @@ Different variants of button, such at the various outlined styles, are supported
 
 Check out the documentation below for a comprehensive guide to all the props you can use with the components mentioned here.
 
-- [<CFormCheck />](./api/#cformcheck)
+- [<CFormCheck />](../api/#cformcheck)

packages/docs/content/forms/floating-labels/bootstrap.mdx

@@ -69,4 +69,4 @@ Use floating labels within the CoreUI Bootstrap grid system by nesting inputs in
 
 Refer to the API documentation for detailed descriptions of all available props and configuration options.
 
-- [<CFormFloating />](./api/#cformfloating)
+- [<CFormFloating />](../api/#cformfloating)

packages/docs/content/forms/input-group/bootstrap.mdx

@@ -84,5 +84,5 @@ CoreUI supports enhanced input groups with custom selects and file inputs. Defau
 
 Check out the API documentation for full details on available props.
 
-- [<CInputGroup />](./api/#cinputgroup)
-- [<CInputGroupText />](./api/#cinputgrouptext)
+- [<CInputGroup />](../api/#cinputgroup)
+- [<CInputGroupText />](../api/#cinputgrouptext)

packages/docs/content/forms/input/bootstrap.mdx

@@ -73,7 +73,7 @@ Color inputs are supported using `type="color"`.
 
 Refer to the API documentation for detailed descriptions of all the props and configuration options.
 
-- [<CFormInput />](./api/#cforminput)
-- [<CFormFeedback />](./api/#cformfeedback)
-- [<CFormLabel />](./api/#cformlabel)
-- [<CFormText />](./api/#cformtext)
+- [<CFormInput />](../api/#cforminput)
+- [<CFormFeedback />](../api/#cformfeedback)
+- [<CFormLabel />](../api/#cformlabel)
+- [<CFormText />](../api/#cformtext)

packages/docs/content/forms/layout/bootstrap.mdx

@@ -72,9 +72,9 @@ Use inline layouts to group form controls in a horizontal row, perfect for compa
 
 Check out the documentation below for a comprehensive guide to all the props you can use with the components mentioned here.
 
-- [<CForm />](./api/#cform)
-- [<CRow />](./api/#crow)
-- [<CCol />](./api/#ccol)
-- [<CFormLabel />](./api/#cformlabel)
-- [<CFormCheck />](./api/#cformcheck)
-- [<CFormInput />](./api/#cforminput)
+- [<CForm />](../api/#cform)
+- [<CRow />](../api/#crow)
+- [<CCol />](../api/#ccol)
+- [<CFormLabel />](../api/#cformlabel)
+- [<CFormCheck />](../api/#cformcheck)
+- [<CFormInput />](../api/#cforminput)

packages/docs/content/forms/radio/bootstrap.mdx

@@ -56,4 +56,4 @@ You can apply outlined styles to toggle radios using Bootstrap's button variant
 
 Refer to the API documentation below for a complete list of props supported by the React Bootstrap radio component.
 
-- [<CFormCheck />](./api/#cformcheck)
+- [<CFormCheck />](../api/#cformcheck)

packages/docs/content/forms/range/bootstrap.mdx

@@ -38,4 +38,4 @@ Set a custom `step` size to control the interval between selectable values.
 
 Refer to the API documentation below for detailed descriptions of all available props.
 
-- [<CFormRange />](./api/#cformrange)
+- [<CFormRange />](../api/#cformrange)

packages/docs/content/forms/select/bootstrap.mdx

@@ -51,7 +51,7 @@ Add the `disabled` prop to disable user interaction and apply a muted appearance
 
 Refer to the API documentation below for detailed descriptions of all available props and subcomponents.
 
-- [<CFormSelect />](./api/#cformselect)
-- [<CFormFeedback />](./api/#cformfeedback)
-- [<CFormLabel />](./api/#cformlabel)
-- [<CFormText />](./api/#cformtext)
+- [<CFormSelect />](../api/#cformselect)
+- [<CFormFeedback />](../api/#cformfeedback)
+- [<CFormLabel />](../api/#cformlabel)
+- [<CFormText />](../api/#cformtext)

packages/docs/content/forms/switch/bootstrap.mdx

@@ -32,4 +32,4 @@ Add the `reverse` prop to place the switch control after the label.
 
 Refer to the API documentation below for a complete list of available props for the React Bootstrap Switch component.
 
-- [<CFormSwitch />](./api/#cformswitch)
+- [<CFormSwitch />](../api/#cformswitch)

packages/docs/content/forms/textarea/bootstrap.mdx

@@ -41,7 +41,7 @@ Use the `readOnly` prop to prevent edits while still allowing text selection and
 
 Refer to the API documentation below for a complete list of available props and subcomponents used to build Bootstrap-style textareas in React.
 
-- [<CFormTextarea />](./api/#cformtextarea)
-- [<CFormFeedback />](./api/#cformfeedback)
-- [<CFormLabel />](./api/#cformlabel)
-- [<CFormText />](./api/#cformtext)
+- [<CFormTextarea />](../api/#cformtextarea)
+- [<CFormFeedback />](../api/#cformfeedback)
+- [<CFormLabel />](../api/#cformlabel)
+- [<CFormText />](../api/#cformtext)