Welcome to
PLASMA
Coveo’s platform design system & ionized Vapor.
Learn more about our brand, our values and our story by visiting our brand page.
Be part of the progress! Contribute to Plasma on GitHub.

Foundations

Layout

Form

Actionable Item
An actionable item is a dropdown menu listing actions associated with an element.
Button
A button draws attention to an important action and initializes this action when clicked.
Checkbox
A set of checkboxes allow users to select multiple options from a list. A single checkbox can be used to enable/disable an option.
Code Editor
A code editor is a text area that allows users to edit code. A coding syntax is built in.
Color Picker
A color picker is a visual interface that allows users to select a color.
Countdown
A Countdown illustrates how much time there is left until an end date is reached.
Date Picker
A date picker is a calendar interface that allows users to select a single date or a date range.
Diff Viewer
A diff viewer allows users to compare code files by showing them side by side and highlighting differences between them.
Facet
A facet is a set of options used to filter a list of content items.
File Picker
A file picker is a dialog that allows users to upload a file.
Filter Box
A filter box allows users to enter text to filter data. It is frequently used with tables and dropdown menus.
Flat Select
A flat select is a group of mutually exclusive buttons aligned horizontally. It is used to allow users to switch between interface displays or binary options.
JSON Editor
A JSON editor is a text area where users can enter and edit data in JSON format.
Multiline Box
A multiline box allows users to provide multiple inputs for the same parameter. Each input appears on a different line.
Multi Select
A multi select allows users to select multiple options from a list. It is typically used when there are a large number of options.
Numeric Inputs
A numeric input allows users to enter and edit numerical values, either manually or using an input stepper.
Radio Button
A radio button allows users to select exactly one option from a list of mutually exclusive options.
Search Bar
A search bar allows users to search a large set of data by entering keywords. A list of matching items is then returned.
Single Select
A single select allows users to select only one option from a list. It is typically used when there are a large number of options.
Slider
A slider offers a quick and visual way for users to select a value within a given range.
Text Area
A text area allows users to enter and edit longer text, often on multiple lines or in a paragraph.
Text Input
A text input allows users to enter and edit short texts, such as names, emails, and passwords.

Navigation

Feedback