Back to Kibana

EUI component guides — canonical accessible usage

.agents/skills/accessibility/references/components/index.md

9.5.01.5 KB
Original Source

EUI component guides — canonical accessible usage

Open the guide that matches the component(s) you are writing or refactoring. Read ../shared_principles.md first; each guide is an extension of those principles.

GuideTopicEUI components
callouts.mdCallouts (announce when conditional)EuiCallOut
data_tables.mdData tables (caption)EuiBasicTable, EuiInMemoryTable
focus_and_keyboard.mdFocus & keyboard (tab order, tooltip anchors)EuiButton, EuiButtonIcon, EuiLink, EuiToolTip
form_layout.mdForm row + invalid stateEuiFormRow, EuiFieldText, EuiFieldNumber, EuiFilePicker, EuiComboBox, EuiTextArea, EuiSelect
icons_and_tooltips.mdIcons & icon tips (decorative vs meaningful)EuiIcon, EuiIconTip, EuiToolTip
interactive_components.mdNames for interactive controlsEuiBetaBadge, EuiButtonIcon, EuiComboBox, EuiSelect, EuiSuperSelect, EuiPagination, EuiTreeView, EuiBreadcrumbs
overlays.mdModals, flyouts, popoversEuiModal, EuiFlyout, EuiFlyoutResizable, EuiConfirmModal, EuiPopover
radio_groups.mdRadio groups (name grouping)EuiRadio, EuiRadioGroup
tooltip_content.mdNo interactive elements in tooltip content / titleEuiToolTip, EuiIconTip
tooltip_icon.mdTooltip on icon button (wrap + no duplicate SR text, no native title)EuiToolTip, EuiButtonIcon