docs: update links to API

mrholek · mrholek · commit 07027d14f500 · 2025-05-16T00:13:00.000+02:00
diff --git a/packages/docs/content/components/accordion/bootstrap.mdx b/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.
 
-- [&lt;CAccordion /&gt;](./api/#caccordion)
-- [&lt;CAccordionBody /&gt;](./api/#caccordionbody)
-- [&lt;CAccordionHeader /&gt;](./api/#caccordionheader)
-- [&lt;CAccordionItem /&gt;](./api/#caccordionitem)
+- [&lt;CAccordion /&gt;](../api/#caccordion)
+- [&lt;CAccordionBody /&gt;](../api/#caccordionbody)
+- [&lt;CAccordionHeader /&gt;](../api/#caccordionheader)
+- [&lt;CAccordionItem /&gt;](../api/#caccordionitem)
diff --git a/packages/docs/content/components/alert/bootstrap.mdx b/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.
 
-- [&lt;CAlert /&gt;](./api/#calert)
-- [&lt;CAlertHeading /&gt;](./api/#calertheading)
-- [&lt;CAlertLink /&gt;](./api/#calertlink)
+- [&lt;CAlert /&gt;](../api/#calert)
+- [&lt;CAlertHeading /&gt;](../api/#calertheading)
+- [&lt;CAlertLink /&gt;](../api/#calertlink)
diff --git a/packages/docs/content/components/avatar/bootstrap.mdx b/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.
 
-- [&lt;CAvatar /&gt;](./api/#cavatar)
+- [&lt;CAvatar /&gt;](../api/#cavatar)
diff --git a/packages/docs/content/components/badge/bootstrap.mdx b/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.
 
-- [&lt;CBadge /&gt;](./api/#cbadge)
+- [&lt;CBadge /&gt;](../api/#cbadge)
diff --git a/packages/docs/content/components/breadcrumb/bootstrap.mdx b/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.
 
-- [&lt;CBreadcrumb /&gt;](./api/#cbreadcrumb)
-- [&lt;CBreadcrumbItem /&gt;](./api/#cbreadcrumbitem)
+- [&lt;CBreadcrumb /&gt;](../api/#cbreadcrumb)
+- [&lt;CBreadcrumbItem /&gt;](../api/#cbreadcrumbitem)
diff --git a/packages/docs/content/components/button-group/bootstrap.mdx b/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.
 
-- [&lt;CButtonGroup /&gt;](./api/#cbuttongroup)
+- [&lt;CButtonGroup /&gt;](../api/#cbuttongroup)
 - [&lt;CButtonToolbar /&gt;]()
diff --git a/packages/docs/content/components/button/bootstrap.mdx b/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.
 
-- [&lt;CButton /&gt;](./api/#cbutton)
+- [&lt;CButton /&gt;](../api/#cbutton)
diff --git a/packages/docs/content/components/card/bootstrap.mdx b/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)
diff --git a/packages/docs/content/components/carousel/bootstrap.mdx b/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)
diff --git a/packages/docs/content/components/close-button/bootstrap.mdx b/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:
 
-- [&lt;CCloseButton /&gt;](./api/#cclosebutton)
+- [&lt;CCloseButton /&gt;](../api/#cclosebutton)
diff --git a/packages/docs/content/components/collapse/bootstrap.mdx b/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:
 
-- [&lt;CCollapse /&gt;](./api/#ccollapse)
+- [&lt;CCollapse /&gt;](../api/#ccollapse)
diff --git a/packages/docs/content/components/dropdown/bootstrap.mdx b/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:
 
-- [&lt;CDropdown /&gt;](./api/#cdropdown)
-- [&lt;CDropdownDivider /&gt;](./api/#cdropdowndivider)
-- [&lt;CDropdownHeader /&gt;](./api/#cdropdownheader)
-- [&lt;CDropdownItem /&gt;](./api/#cdropdownitem)
-- [&lt;CDropdownItemPlain /&gt;](./api/#cdropdownitemplain)
-- [&lt;CDropdownMenu /&gt;](./api/#cdropdownmenu)
-- [&lt;CDropdownToggle /&gt;](./api/#cdropdowntoggle)
+- [&lt;CDropdown /&gt;](../api/#cdropdown)
+- [&lt;CDropdownDivider /&gt;](../api/#cdropdowndivider)
+- [&lt;CDropdownHeader /&gt;](../api/#cdropdownheader)
+- [&lt;CDropdownItem /&gt;](../api/#cdropdownitem)
+- [&lt;CDropdownItemPlain /&gt;](../api/#cdropdownitemplain)
+- [&lt;CDropdownMenu /&gt;](../api/#cdropdownmenu)
+- [&lt;CDropdownToggle /&gt;](../api/#cdropdowntoggle)
diff --git a/packages/docs/content/components/image/bootstrap.mdx b/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:
 
-- [&lt;CImage /&gt;](./api/#cimage)
+- [&lt;CImage /&gt;](../api/#cimage)
diff --git a/packages/docs/content/components/list-group/bootstrap.mdx b/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:
 
-- [&lt;CListGroup /&gt;](./api/#clistgroup)
-- [&lt;CListGroupItem /&gt;](./api/#clistgroupitem)
+- [&lt;CListGroup /&gt;](../api/#clistgroup)
+- [&lt;CListGroupItem /&gt;](../api/#clistgroupitem)
diff --git a/packages/docs/content/components/modal/bootstrap.mdx b/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:
 
-- [&lt;CModal /&gt;](./api/#cmodal)
-- [&lt;CModalBody /&gt;](./api/#cmodalbody)
-- [&lt;CModalFooter /&gt;](./api/#cmodalfooter)
-- [&lt;CModalHeader /&gt;](./api/#cmodalheader)
-- [&lt;CModalTitle /&gt;](./api/#cmodaltitle)
+- [&lt;CModal /&gt;](../api/#cmodal)
+- [&lt;CModalBody /&gt;](../api/#cmodalbody)
+- [&lt;CModalFooter /&gt;](../api/#cmodalfooter)
+- [&lt;CModalHeader /&gt;](../api/#cmodalheader)
+- [&lt;CModalTitle /&gt;](../api/#cmodaltitle)
diff --git a/packages/docs/content/components/navbar/bootstrap.mdx b/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:
 
-- [&lt;CNavbar /&gt;](./api/#cnavbar)
-- [&lt;CNavbarBrand /&gt;](./api/#cnavbarbrand)
-- [&lt;CNavbarNav /&gt;](./api/#cnavbarnav)
-- [&lt;CNavbarText /&gt;](./api/#cnavbartext)
-- [&lt;CNavbarToggler /&gt;](./api/#cnavbartoggler)
+- [&lt;CNavbar /&gt;](../api/#cnavbar)
+- [&lt;CNavbarBrand /&gt;](../api/#cnavbarbrand)
+- [&lt;CNavbarNav /&gt;](../api/#cnavbarnav)
+- [&lt;CNavbarText /&gt;](../api/#cnavbartext)
+- [&lt;CNavbarToggler /&gt;](../api/#cnavbartoggler)
diff --git a/packages/docs/content/components/navs-tabs/bootstrap.mdx b/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)
diff --git a/packages/docs/content/components/offcanvas/bootstrap.mdx b/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:
 
-- [&lt;COffcanvas /&gt;](./api/#coffcanvas)
-- [&lt;COffcanvasBody /&gt;](./api/#coffcanvasbody)
-- [&lt;COffcanvasHeader /&gt;](./api/#coffcanvasheader)
-- [&lt;COffcanvasTitle /&gt;](./api/#coffcanvastitle)
+- [&lt;COffcanvas /&gt;](../api/#coffcanvas)
+- [&lt;COffcanvasBody /&gt;](../api/#coffcanvasbody)
+- [&lt;COffcanvasHeader /&gt;](../api/#coffcanvasheader)
+- [&lt;COffcanvasTitle /&gt;](../api/#coffcanvastitle)
diff --git a/packages/docs/content/components/pagination/bootstrap.mdx b/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:
 
-- [&lt;CPagination /&gt;](./api/#cpagination)
-- [&lt;CPaginationItem /&gt;](./api/#cpaginationitem)
+- [&lt;CPagination /&gt;](../api/#cpagination)
+- [&lt;CPaginationItem /&gt;](../api/#cpaginationitem)
diff --git a/packages/docs/content/components/placeholder/bootstrap.mdx b/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:
 
-- [&lt;CPlaceholder /&gt;](./api/#cplaceholder)
+- [&lt;CPlaceholder /&gt;](../api/#cplaceholder)
diff --git a/packages/docs/content/components/popover/bootstrap.mdx b/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:
 
-- [&lt;CPopover /&gt;](./api/#cpopover)
+- [&lt;CPopover /&gt;](../api/#cpopover)
diff --git a/packages/docs/content/components/progress/bootstrap.mdx b/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:
 
-- [&lt;CProgress /&gt;](./api/#cprogress)
-- [&lt;CProgressBar /&gt;](./api/#cprogressbar)
+- [&lt;CProgress /&gt;](../api/#cprogress)
+- [&lt;CProgressBar /&gt;](../api/#cprogressbar)
diff --git a/packages/docs/content/components/sidebar/bootstrap.mdx b/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:
 
-- [&lt;CSidebar /&gt;](./api/#csidebar)
-- [&lt;CSidebarBrand /&gt;](./api/#csidebarbrand)
-- [&lt;CSidebarFooter /&gt;](./api/#csidebarfooter)
-- [&lt;CSidebarHeader /&gt;](./api/#csidebarheader)
-- [&lt;CSidebarNav /&gt;](./api/#csidebarnav)
-- [&lt;CSidebarToggler /&gt;](./api/#csidebartoggler)
+- [&lt;CSidebar /&gt;](../api/#csidebar)
+- [&lt;CSidebarBrand /&gt;](../api/#csidebarbrand)
+- [&lt;CSidebarFooter /&gt;](../api/#csidebarfooter)
+- [&lt;CSidebarHeader /&gt;](../api/#csidebarheader)
+- [&lt;CSidebarNav /&gt;](../api/#csidebarnav)
+- [&lt;CSidebarToggler /&gt;](../api/#csidebartoggler)
diff --git a/packages/docs/content/components/spinner/bootstrap.mdx b/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)
diff --git a/packages/docs/content/components/table/bootstrap.mdx b/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.
 
-- [&lt;CTable /&gt;](./api/#ctable)
-- [&lt;CTableBody /&gt;](./api/#ctablebody)
-- [&lt;CTableDataCell /&gt;](./api/#ctabledatacell)
-- [&lt;CTableFoot /&gt;](./api/#ctablefoot)
-- [&lt;CTableHead /&gt;](./api/#ctablehead)
-- [&lt;CTableHeaderCell /&gt;](./api/#ctableheadercell)
-- [&lt;CTableRow /&gt;](./api/#ctablerow)
+- [&lt;CTable /&gt;](../api/#ctable)
+- [&lt;CTableBody /&gt;](../api/#ctablebody)
+- [&lt;CTableDataCell /&gt;](../api/#ctabledatacell)
+- [&lt;CTableFoot /&gt;](../api/#ctablefoot)
+- [&lt;CTableHead /&gt;](../api/#ctablehead)
+- [&lt;CTableHeaderCell /&gt;](../api/#ctableheadercell)
+- [&lt;CTableRow /&gt;](../api/#ctablerow)
diff --git a/packages/docs/content/components/tabs/bootstrap.mdx b/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.
 
-- [&lt;CTabs /&gt;](./api/#ctabs)
-- [&lt;CTabList /&gt;](./api/#ctablist)
-- [&lt;CTab /&gt;](./api/#ctab)
-- [&lt;CTabContent /&gt;](./api/#ctabcontent)
-- [&lt;CTabPanel /&gt;](./api/#ctabpanel)
+- [&lt;CTabs /&gt;](../api/#ctabs)
+- [&lt;CTabList /&gt;](../api/#ctablist)
+- [&lt;CTab /&gt;](../api/#ctab)
+- [&lt;CTabContent /&gt;](../api/#ctabcontent)
+- [&lt;CTabPanel /&gt;](../api/#ctabpanel)
diff --git a/packages/docs/content/components/toast/bootstrap.mdx b/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.
 
-- [&lt;CToast /&gt;](./api/#ctoast)
-- [&lt;CToastHeader /&gt;](./api/#ctoastheader)
-- [&lt;CToastBody /&gt;](./api/#ctoastbody)
-- [&lt;CToastClose /&gt;](./api/#ctoastclose)
-- [&lt;CToaster /&gt;](./api/#ctoaster)
+- [&lt;CToast /&gt;](../api/#ctoast)
+- [&lt;CToastHeader /&gt;](../api/#ctoastheader)
+- [&lt;CToastBody /&gt;](../api/#ctoastbody)
+- [&lt;CToastClose /&gt;](../api/#ctoastclose)
+- [&lt;CToaster /&gt;](../api/#ctoaster)
diff --git a/packages/docs/content/components/tooltip/bootstrap.mdx b/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)
diff --git a/packages/docs/content/forms/checkbox/bootstrap.mdx b/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.
 
-- [&lt;CFormCheck /&gt;](./api/#cformcheck)
+- [&lt;CFormCheck /&gt;](../api/#cformcheck)
diff --git a/packages/docs/content/forms/floating-labels/bootstrap.mdx b/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.
 
-- [&lt;CFormFloating /&gt;](./api/#cformfloating)
+- [&lt;CFormFloating /&gt;](../api/#cformfloating)
diff --git a/packages/docs/content/forms/input-group/bootstrap.mdx b/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.
 
-- [&lt;CInputGroup /&gt;](./api/#cinputgroup)
-- [&lt;CInputGroupText /&gt;](./api/#cinputgrouptext)
+- [&lt;CInputGroup /&gt;](../api/#cinputgroup)
+- [&lt;CInputGroupText /&gt;](../api/#cinputgrouptext)
diff --git a/packages/docs/content/forms/input/bootstrap.mdx b/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.
 
-- [&lt;CFormInput /&gt;](./api/#cforminput)
-- [&lt;CFormFeedback /&gt;](./api/#cformfeedback)
-- [&lt;CFormLabel /&gt;](./api/#cformlabel)
-- [&lt;CFormText /&gt;](./api/#cformtext)
+- [&lt;CFormInput /&gt;](../api/#cforminput)
+- [&lt;CFormFeedback /&gt;](../api/#cformfeedback)
+- [&lt;CFormLabel /&gt;](../api/#cformlabel)
+- [&lt;CFormText /&gt;](../api/#cformtext)
diff --git a/packages/docs/content/forms/layout/bootstrap.mdx b/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.
 
-- [&lt;CForm /&gt;](./api/#cform)
-- [&lt;CRow /&gt;](./api/#crow)
-- [&lt;CCol /&gt;](./api/#ccol)
-- [&lt;CFormLabel /&gt;](./api/#cformlabel)
-- [&lt;CFormCheck /&gt;](./api/#cformcheck)
-- [&lt;CFormInput /&gt;](./api/#cforminput)
+- [&lt;CForm /&gt;](../api/#cform)
+- [&lt;CRow /&gt;](../api/#crow)
+- [&lt;CCol /&gt;](../api/#ccol)
+- [&lt;CFormLabel /&gt;](../api/#cformlabel)
+- [&lt;CFormCheck /&gt;](../api/#cformcheck)
+- [&lt;CFormInput /&gt;](../api/#cforminput)
diff --git a/packages/docs/content/forms/radio/bootstrap.mdx b/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.
 
-- [&lt;CFormCheck /&gt;](./api/#cformcheck)
+- [&lt;CFormCheck /&gt;](../api/#cformcheck)
diff --git a/packages/docs/content/forms/range/bootstrap.mdx b/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.
 
-- [&lt;CFormRange /&gt;](./api/#cformrange)
+- [&lt;CFormRange /&gt;](../api/#cformrange)
diff --git a/packages/docs/content/forms/select/bootstrap.mdx b/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.
 
-- [&lt;CFormSelect /&gt;](./api/#cformselect)
-- [&lt;CFormFeedback /&gt;](./api/#cformfeedback)
-- [&lt;CFormLabel /&gt;](./api/#cformlabel)
-- [&lt;CFormText /&gt;](./api/#cformtext)
+- [&lt;CFormSelect /&gt;](../api/#cformselect)
+- [&lt;CFormFeedback /&gt;](../api/#cformfeedback)
+- [&lt;CFormLabel /&gt;](../api/#cformlabel)
+- [&lt;CFormText /&gt;](../api/#cformtext)
diff --git a/packages/docs/content/forms/switch/bootstrap.mdx b/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.
 
-- [&lt;CFormSwitch /&gt;](./api/#cformswitch)
+- [&lt;CFormSwitch /&gt;](../api/#cformswitch)
diff --git a/packages/docs/content/forms/textarea/bootstrap.mdx b/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.
 
-- [&lt;CFormTextarea /&gt;](./api/#cformtextarea)
-- [&lt;CFormFeedback /&gt;](./api/#cformfeedback)
-- [&lt;CFormLabel /&gt;](./api/#cformlabel)
-- [&lt;CFormText /&gt;](./api/#cformtext)
+- [&lt;CFormTextarea /&gt;](../api/#cformtextarea)
+- [&lt;CFormFeedback /&gt;](../api/#cformfeedback)
+- [&lt;CFormLabel /&gt;](../api/#cformlabel)
+- [&lt;CFormText /&gt;](../api/#cformtext)
diff --git a/packages/docs/content/forms/validation/bootstrap.mdx b/packages/docs/content/forms/validation/bootstrap.mdx

Original file line number	Diff line number	Diff line change
@@ -52,4 +52,4 @@ Add a small status indicator (e.g. online, offline) to avatars using the `status
`52`	`52`
`53`	`53`	`Refer to the API below for all configurable props used with the Bootstrap-styled React Avatar component.`
`54`	`54`
`55`		`-- [<CAvatar />](./api/#cavatar)`
	`55`	`+- [<CAvatar />](../api/#cavatar)`
Original file line number	Diff line number	Diff line change
@@ -50,4 +50,4 @@ To make badges more rounded, use the `shape="rounded-pill"` prop. This mirrors B
`50`	`50`
`51`	`51`	`See below for the full API reference for all available props for the Bootstrap-styled React Badge component.`
`52`	`52`
`53`		`-- [<CBadge />](./api/#cbadge)`
	`53`	`+- [<CBadge />](../api/#cbadge)`
Original file line number	Diff line number	Diff line change
`@@ -100,4 +100,4 @@ Use flex utilities and margin helpers to align buttons horizontally when they're`
`100`	`100`
`101`	`101`	`See the full API reference for all available props in the Bootstrap-styled React Button component.`
`102`	`102`
`103`		`-- [<CButton />](./api/#cbutton)`
	`103`	`+- [<CButton />](../api/#cbutton)`
Original file line number	Diff line number	Diff line change
@@ -28,4 +28,4 @@ Use the `dark` prop to apply a dark version of the close button. This inverts th
`28`	`28`
`29`	`29`	`Check the API documentation below for the full list of props available in the React Bootstrap Close Button component:`
`30`	`30`
`31`		`-- [<CCloseButton />](./api/#cclosebutton)`
	`31`	`+- [<CCloseButton />](../api/#cclosebutton)`