EVO React Components

Accordion component for collapsible content

Alert component for notifications

A modal dialog that interrupts the user with important content and expects a response

A component that maintains a consistent width-to-height ratio

Avatar component for user profiles

Badge component for status indicators

A navigation component that shows hierarchy and path

Button component with various styles

Groups buttons together with optional separators and text

A date field component that allows users to enter and edit date

Card component for displaying content

A carousel component for cycling through elements

Chart component for data visualization

Checkbox component for forms

An interactive component that expands/collapses a panel

Autocomplete input with a list of suggestions. Supports single and multiple selection with chips.

Fast, composable, unstyled command menu for React

Displays a menu at the pointer, triggered by right-click

A DirectionProvider component for LTR/RTL text direction context

Data table component for displaying data

A date picker component with range and presets

A drawer component for mobile-first designs

Displays an empty state with optional media, title, description and actions

Form field components for building accessible forms

A window overlaid on either the primary window or another dialog window

Displays a menu to the user triggered by a button

A best-practice form using React Hook Form, Zod, and registry components.

For sighted users to preview content available behind a link

Input component for form fields

Groups input elements with addons, buttons and text

Accessible one-time password input for authentication

Flexible list item component with media, content, and actions

Displays keyboard shortcuts with proper styling

Label component for form elements

A visually persistent menu common in desktop applications

A styled native HTML select element with custom chevron

Navigation menu block for site navigation

Pagination with page navigation, next and previous links

Displays rich content in a portal, triggered by a button

Displays an indicator showing the completion progress of a task

A set of checkable buttons where only one can be checked

Resizable panels with draggable handles

Augments native scroll functionality for custom styling

Displays a list of options for the user to pick from

A horizontal or vertical line that visually separates content

Extends the Dialog component to display content that complements the main content of the screen.

A navigation component for application layouts with customizable sections.

Use to show a placeholder while content is loading

Displays a loading spinner animation

An input component that allows users to select a value from a range

An opinionated toast component for React

A control that allows the user to toggle between checked and not checked

A responsive table component with formatting options

Tabs component for switching content

Textarea component for multiline text

A two-state button that can be either on or off.

A set of two-state buttons that can be toggled on or off individually or as a group.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Flexible container for icons with EDS color and size options.

Foundational page layout block for consistent page structure.

A flexible page header with title, subtitle, and action buttons for consistent page layouts.

Block: Evo Sidebar navigation component

A flexible time picker with 12/24h formats, seconds, and custom intervals

A comprehensive file upload component with drag-and-drop, file validation, progress tracking, and file previews.

A component for inline text editing with save and cancel functionality.

A non-modal branching wizard with validation, statuses, and persistence.

Quick thumbs up / down sentiment dialog with optional comments.

Full-featured calendar application component with day, week, and month views for displaying and managing events

A versatile date picker component supporting single dates, ranges, time selection, validation, and advanced selection restrictions.

Responsive component for displaying calendar events and appointments with adaptive layout

Multi-step form block with validation

Display key performance indicators and metrics with customizable accent colors and mini variant

A star rating component that allows users to rate items with support for decimal precision

A flexible page header component for use with all APAC products (experimental).

A horizontal navigation bar combining a back button, tabbed navigation with underline style, and optional search input.

A lightweight PDF viewer component with zoom controls and vertical scroll functionality.

A unified empty state component with variant support for basic, actions, and error recovery states. Includes 10 built-in illustrations. (PPL/SMB experimental block)

An accessible tab navigation component implementing the ARIA tabs pattern with keyboard navigation (Arrow keys, Home, End). (PPL/SMB experimental block)

A flexible page header with back navigation, title, description, and action buttons with overflow menu. (PPL/SMB experimental block)

A segmented toggle for switching between views with optional count badges. (PPL/SMB experimental block)

An extended badge component with additional colour variants for status indicators and labels. (PPL/SMB experimental block)

Metric display cards with colour-coded icon circles in three sizes and an interactive active variant. (PPL/SMB experimental block)