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 and command palette with a popover

Fast, composable, unstyled command menu for React

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

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

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.

Avatar stack block for user groups

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

Dropdown component for selecting multiple options with checkboxes and selected items shown as badges

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

Intelligent sidebar navigation with Classic/Smart toggle

Stats circles block for metrics

Task cards block for todo lists

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