JSPM

The parent module that contains all Workday Canvas Kit React components

Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.

The parent module that contains all Workday Canvas Kit CSS components

Documentation components of Canvas Kit components

Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functi

The parent module that contains all Workday Canvas Kit Preview CSS components

The custom CSS in JS solution that takes JS styles and turns them into static CSS

Fonts for canvas-kit-react

Stack for managing popup UIs to coordinate global concerns like escape key handling and rendering order

The custom CSS in JS solution that takes JS styles and turns them into static CSS

The parent module that contains all Workday Canvas Kit Labs CSS components

provides a summary indicator with dynamic values

Fonts for canvas-kit-css

Tooltip CSS for Canvas kit CSS

The core css for canvas-kit-css

A group of core primitives (i.e. colors, text, etc.)

Menu CSS for Canvas kit CSS

The select css for canvas-kit-css

The blue header at the top of a page to indicate page title and other details

A container for navigation or action items

Action bar CSS for canvas-kit-css

Table CSS for Canvas kit

A collection of various Canvas Buttons

Errors and alerts for canvas-kit-css

Canvas icons

Card CSS for canvas-kit-css

The checkbox css for canvas-kit-css

Layout css for canvas-kit-css

Form field component to wrap inputs

Common Canvas card component for React

Text input with an autocomplete menu

A Canvas-styled application header

Animations used while a page or component is loading.

The text-area css for canvas-kit-css

A module of common utilities shared across canvas components

Canvas page header component

The button css for canvas-kit-css

A group of core primitives (i.e. colors, text, etc.)

Modal CSS for Canvas kit CSS

The form css for canvas-kit-css

Icon toolkit for Canvas kit

The text-input css for canvas-kit-css

The common css for canvas-kit-css

The radio css for canvas-kit-css

A Drawer component that allows for custom content to be added

Canvas styled text input

Color Picker is a component for selecting a color.

A Canvas-styled checkbox input

A Canvas-styled radio

A circular user photo (or a default)

contains a component for a pagination bar and dispatches for page changes

Select Element

A canvas styled toast component

A Canvas-styled side panel

Canvas styled cookie banner

A component that renders a loading animation.

Canvas action bar component

A Canvas-styled color picker

A Canvas-styled switch

A Tooltip component that renders information/text when the user hovers over an element. A tooltip is used to label or describe an element. By default, a tooltip will label an element. This is useful for IconButtons. A tooltip can also be used to describe

Canvas data grids

Common Canvas banner component for React

A component that renders a skeleton.

A Canvas-styled select

Layout module for canvas-kit-react

Canvas-styled status indicator

Modal to display a popup with a translucent background

Popup to display some content on top of another

Animations used while a page or component is loading.

A linear set of two or more segments, each of which functions as a mutually exclusive button

provides a summary indicator with dynamic values

Canvas-styled text area

Popup CSS for Canvas kit CSS

A collapsable side panel

Breadcrumbs component for navigation through different levels of some structure. Adjustable to container width.

Composable tab components

A container for navigation or action items

A collection of various Canvas Buttons

A Canvas-styled application header

A linear set of two or more segments, each of which functions as a mutually exclusive button