Philosophy
EUI provides a comprehensive set of components for building data-intensive search and observability applications within the Elastic ecosystem.
Principles
- Data-dense interfaces
- Accessible
- Consistent Elastic brand
- Performance at scale
Components
AccordionAspect RatioBadgeBasicBreadcrumbsButtonsCalloutCardFlexIconsLayoutsLinkMarkdownPage TemplatePanelSpacerTextTitleTooltip
In our catalogue (42)
- Accordionhttps://eui.elastic.co/docs/components/containers/accordion/
- Alerthttps://eui.elastic.co/docs/components/display/callout/
- Avatarhttps://eui.elastic.co/docs/components/display/avatar/
- Badgehttps://eui.elastic.co/docs/components/display/badge/
- Breadcrumbshttps://eui.elastic.co/docs/components/navigation/breadcrumbs/
- Buttonhttps://eui.elastic.co/docs/components/navigation/buttons/button/
- Button grouphttps://eui.elastic.co/docs/components/navigation/buttons/group/
- Cardhttps://eui.elastic.co/docs/components/containers/panel/
- Checkboxhttps://eui.elastic.co/docs/components/forms/selection/checkbox-and-checkbox-group/
- Color pickerhttps://eui.elastic.co/docs/components/forms/other/color-picker/
- Comboboxhttps://eui.elastic.co/docs/components/forms/selection/super-select/
- Datepickerhttps://eui.elastic.co/docs/components/forms/date-and-time/date-picker/
- Dropdown menuhttps://eui.elastic.co/docs/components/navigation/context-menu/
- Empty statehttps://eui.elastic.co/docs/components/display/empty-prompt/
- File uploadhttps://eui.elastic.co/docs/components/forms/other/file-picker/
- Headerhttps://eui.elastic.co/docs/components/layout/header/
- Headinghttps://eui.elastic.co/docs/components/display/title/
- Iconhttps://eui.elastic.co/docs/components/display/icons/
- Imagehttps://eui.elastic.co/docs/components/display/image/
- Linkhttps://eui.elastic.co/docs/components/navigation/link/
- Listhttps://eui.elastic.co/docs/components/display/description-list/
- Modalhttps://eui.elastic.co/docs/containers/modal/
- Paginationhttps://eui.elastic.co/docs/components/navigation/pagination/
- Popoverhttps://eui.elastic.co/docs/components/containers/popover/
- Progress barhttps://eui.elastic.co/docs/components/display/progress/
- Progress indicatorhttps://eui.elastic.co/docs/components/navigation/steps/
- Radio buttonhttps://eui.elastic.co/docs/components/forms/selection/radio-and-radio-group/
- Rich text editorhttps://eui.elastic.co/docs/components/editors-and-syntax/markdown/editor/
- Search inputhttps://eui.elastic.co/docs/components/forms/search-and-filter/search/
- Selecthttps://eui.elastic.co/docs/components/forms/selection/super-select/
- Separatorhttps://eui.elastic.co/docs/components/layout/horizontal-rule/
- Skeletonhttps://eui.elastic.co/docs/components/display/skeleton/
- Sliderhttps://eui.elastic.co/docs/components/forms/numeric/range-sliders/
- Spinnerhttps://eui.elastic.co/docs/components/display/loading/
- Stepperhttps://eui.elastic.co/docs/components/forms/numeric/
- Tablehttps://eui.elastic.co/docs/components/tables/
- Text inputhttps://eui.elastic.co/docs/components/forms/text/#text-field
- Textareahttps://eui.elastic.co/docs/components/forms/text/#textarea
- Toasthttps://eui.elastic.co/docs/components/display/toast/
- Togglehttps://eui.elastic.co/docs/components/forms/selection/switch/
- Tooltiphttps://eui.elastic.co/docs/components/display/tooltip/
- Tree viewhttps://eui.elastic.co/docs/components/navigation/tree-view/
Details
- Platforms
- web
- Features
- tokensa11ythemingicons
- Last updated