Summary

We want to provide playground stories for all EUI components to enable customers to easily experiment with and test different prop combinations.

Acceptance Criteria

• All public EUI components should have Storybook Playground stories created
• All Playground stories should have controls for all (within reason) component props

Tasks

• [New docs] Create stories for components starting with the letter D #7477
• [New docs] Create stories for components starting with the letter H #7478
• [New docs] Create stories for components starting with the letters I-L #7479
• [New docs] Create stories for components starting with the letters M-O #7480
• [New docs] Create stories for components starting with the letter P #7481
• [New docs] Create stories for components starting with the letters R-S #7482
• [New docs] Create stories for EuiTable components #7483
• [New docs] Create stories for components starting with the letter T #7484
• [Storybook] Add remaining stories for components starting with E-F #7476
• [Storybook] Add playground stories for components beginning with the letter B  #7459
• [Storybook] Add playground stories for components beginning with the letter A #7457
• [New docs] Create stories for Form components #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 (exported but not used separately)
• EuiComboBoxOption (exported but not used separately)
• EuiComboBoxOptionsList (exported but not used separately)
• EuiComboBoxPill (exported but not used separately)
• EuiComboBoxTitle (exported but not used separately)
• EuiComment
• EuiCommentEvent
• EuiCommentList
• EuiCommentTimeline (not exported)
• EuiComponentDefaultsProvider (covered via provider wrapper)
• 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 (not exported)
• 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 (not exported)
• 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
• EuiTableSortMobile
• EuiTableSortMobileItem
• EuiTabs
• EuiThemeProvider
• EuiText
• EuiTextArea
• EuiTextBlockTruncate
• EuiTextTruncate
• EuiTimeline
• EuiTimelineItem
• EuiTimelineItemEvent
• EuiTimelineItemIcon
• EuiTitle
• EuiToast
• EuiToken
• EuiToolTip
• EuiTour
• EuiTourStep
• EuiTourStepIndicator
• EuiTreeView
• EuiValidatableControl
• EuiWrappingPopover