Summary

We need to embed Storybook stories into the new MDX components docs using the <StoryEmbed> component in the place where the old docs rendered component examples.

Acceptance Criteria

• MDX docs should contain component examples to match examples provided in the old docs
• Component examples should be embedded using the <StoryEmbed> component (#7393)

---

### Tasks
- [ ] #7477 
- [ ] #7478 
- [ ] #7479
- [ ] #7480 
- [ ] #7481
- [ ] #7482
- [ ] #7483 
- [ ] #7484 
- [ ] #7476
- [ ] #7459
- [ ] #7457 
- [ ] #7614 

### Embedded examples
* [ ] EuiAccordion
* [ ] EuiAspectRatio
* [ ] EuiAutoSizer
* [ ] EuiAvatar
* [ ] EuiBadge
* [ ] EuiBadgeGroup
* [ ] EuiBasicTable
* [ ] EuiBeacon
* [ ] EuiBetaBadge
* [ ] EuiBottomBar
* [ ] EuiBreadcrumbs
* [ ] EuiButton
* [ ] EuiButtonEmpty
* [ ] EuiButtonGroup
* [ ] EuiButtonIcon
* [ ] EuiCallOut
* [ ] EuiCard
* [ ] EuiCheckableCard
* [ ] EuiCheckbox
* [ ] EuiCheckboxGroup
* [ ] EuiCode
* [ ] EuiCodeBlock
* [ ] EuiCollapsibleNav
* [ ] EuiCollapsibleNavBeta
* [ ] EuiCollapsibleNavGroup
* [ ] EuiCollapsibleNavItem
* [ ] EuiColorPaletteDisplay
* [ ] EuiColorPalettePicker
* [ ] EuiColorPicker
* [ ] EuiColorPickerSwatch
* [ ] EuiComboBox
* [ ] EuiComboBoxInput
* [ ] EuiComboBoxOption
* [ ] EuiComboBoxOptionsList
* [ ] EuiComboBoxPill
* [ ] EuiComboBoxTitle
* [ ] EuiComment
* [ ] EuiCommentEvent
* [ ] EuiCommentList
* [ ] EuiCommentTimeline
* [ ] EuiComponentDefaultsProvider
* [ ] EuiContext
* [ ] EuiContextMenu
* [ ] EuiContextMenuItem
* [ ] EuiContextMenuPanel
* [ ] EuiCopy
* [ ] EuiDataGrid
* [ ] EuiDatePicker
* [ ] EuiDatePickerRange
* [ ] EuiDelayHide
* [ ] EuiDelayRender
* [ ] EuiDescribedFormGroup
* [ ] EuiDescriptionList
* [ ] EuiDescriptionListDescription
* [ ] EuiDescriptionListTitle
* [ ] EuiDragDropContext
* [ ] EuiDraggable
* [ ] EuiDroppable
* [ ] EuiDualRange
* [ ] EuiEmptyPrompt
* [ ] EuiErrorBoundary
* [ ] EuiExpression
* [ ] EuiFacetButton
* [ ] EuiFacetGroup
* [ ] EuiFieldNumber
* [ ] EuiFieldPassword
* [ ] EuiFieldSearch
* [ ] EuiFieldText
* [ ] EuiFilePicker
* [ ] EuiFilterButton
* [ ] EuiFilterGroup
* [ ] EuiFlexGrid
* [ ] EuiFlexGroup
* [ ] EuiFlexItem
* [ ] EuiFlyout
* [ ] EuiFlyoutBody
* [ ] EuiFlyoutFooter
* [ ] EuiFlyoutHeader
* [ ] EuiFocusTrap
* [ ] EuiForm
* [ ] EuiFormControlLayout
* [ ] EuiFormControlLayoutDelimited
* [ ] EuiFormErrorText
* [ ] EuiFormFieldset
* [ ] EuiFormHelpText
* [ ] EuiFormLabel
* [ ] EuiFormLegend
* [ ] EuiFormRow
* [ ] EuiGlobalToastList
* [ ] EuiGlobalToastListItem
* [ ] EuiHeader
* [ ] EuiHeaderAlert
* [ ] EuiHeaderBreadcrumbs
* [ ] EuiHeaderLink
* [ ] EuiHeaderLinks
* [ ] EuiHeaderLogo
* [ ] EuiHeaderSection
* [ ] EuiHeaderSectionItem
* [ ] EuiHeaderSectionItemButton
* [ ] EuiHealth
* [ ] EuiHideFor
* [ ] EuiHighlight
* [ ] EuiHorizontalRule
* [ ] EuiHue
* [ ] EuiI18n
* [ ] EuiI18nNumber
* [ ] EuiIcon
* [ ] EuiIconTip
* [ ] EuiImage
* [ ] EuiInlineEditText
* [ ] EuiInlineEditTitle
* [ ] EuiInMemoryTable
* [ ] EuiInnerText
* [ ] EuiInputPopover
* [ ] EuiKeyPadMenu
* [ ] EuiKeyPadMenuItem
* [ ] EuiLink
* [ ] EuiListGroup
* [ ] EuiListGroupItem
* [ ] EuiLoadingChart
* [ ] EuiLoadingElastic
* [ ] EuiLoadingLogo
* [ ] EuiLoadingSpinner
* [ ] EuiMark
* [ ] EuiMarkdownEditor
* [ ] EuiMarkdownFormat
* [ ] EuiModal
* [ ] EuiModalBody
* [ ] EuiModalFooter
* [ ] EuiModalHeader
* [ ] EuiModalHeaderTitle
* [ ] EuiMutationObserver
* [ ] EuiNotificationBadge
* [ ] EuiOutsideClickDetector
* [ ] EuiOverlayMask
* [ ] EuiPage
* [ ] EuiPageBody
* [ ] EuiPageHeader
* [ ] EuiPageHeaderContent
* [ ] EuiPageHeaderSection
* [ ] EuiPageSection
* [ ] EuiPageSidebar
* [ ] EuiPageTemplate
* [ ] EuiPagination
* [ ] EuiPaginationButton
* [ ] EuiPanel
* [ ] EuiPinnableListGroup
* [ ] EuiPopover
* [ ] EuiPopoverFooter
* [ ] EuiPopoverTitle
* [ ] EuiPortal
* [ ] EuiProgress
* [ ] EuiProvider
* [ ] EuiRadio
* [ ] EuiRadioGroup
* [ ] EuiRange
* [ ] EuiRefreshInterval
* [ ] EuiResizableButton
* [ ] EuiResizableCollapseButton
* [ ] EuiResizableContainer
* [ ] EuiResizeObserver
* [ ] EuiSaturation
* [ ] EuiScreenReaderLive
* [ ] EuiScreenReaderOnly
* [ ] EuiSearchBar
* [ ] EuiSearchBarFilters
* [ ] EuiSelect
* [ ] EuiSelectable
* [ ] EuiSelectableList
* [ ] EuiSelectableListItem
* [ ] EuiSelectableMessage
* [ ] EuiSelectableSearch
* [ ] EuiSelectableTemplateSitewide
* [ ] EuiShowFor
* [ ] EuiSideNav
* [ ] EuiSkeletonCircle
* [ ] EuiSkeletonLoading
* [ ] EuiSkeletonRectangle
* [ ] EuiSkeletonText
* [ ] EuiSkeletonTitle
* [ ] EuiSkipLink
* [ ] EuiSpacer
* [ ] EuiSplitPanel
* [ ] EuiStat
* [ ] EuiStep
* [ ] EuiStepHorizontal
* [ ] EuiStepNumber
* [ ] EuiSteps
* [ ] EuiStepsHorizontal
* [ ] EuiSubSteps
* [ ] EuiSuperDatePicker
* [ ] EuiSuperSelect
* [ ] EuiSuperUpdateButton
* [ ] EuiSwitch
* [ ] EuiTab
* [ ] EuiTable
* [ ] EuiTableBody
* [ ] EuiTableFooter
* [ ] EuiTableFooterCell
* [ ] EuiTableHeader
* [ ] EuiTableHeaderButton
* [ ] EuiTableHeaderCell
* [ ] EuiTableHeaderCellCheckbox
* [ ] EuiTableHeaderMobile
* [ ] EuiTablePagination
* [ ] EuiTableRow
* [ ] EuiTableRowCell
* [ ] EuiTableRowCellCheckbox
* [ ] EuiTableSortMobileItem
* [ ] EuiTabs
* [ ] EuiThemeProvider
* [ ] EuiText
* [ ] EuiTextArea
* [ ] EuiTextBlockTruncate
* [ ] EuiTextTruncate
* [ ] EuiTimeline
* [ ] EuiTimelineItem
* [ ] EuiTimelineItemEvent
* [ ] EuiTimelineItemIcon
* [ ] EuiTitle
* [ ] EuiToast
* [ ] EuiToken
* [ ] EuiToolTip
* [ ] EuiTour
* [ ] EuiTourStep
* [ ] EuiTourStepIndicator
* [ ] EuiTreeView
* [ ] EuiValidatableControl
* [ ] EuiWrappingPopover

We also need an issue for all components in the src/components/form/ folder!

We think this effort will take approximately two more weeks based on recent discussions.