Canvas-kit Packages

Fonts for canvas-kit-css

provides a summary indicator with dynamic values

Layout css for canvas-kit-css

A collapsable side panel

A container for navigation or action items

A Canvas-styled application header

Composable tab components

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

The select css for canvas-kit-css

Menu CSS for Canvas kit CSS

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

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

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

A collection of various Canvas Buttons

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 Preview CSS components

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

Animations used while a page or component is loading.

Documentation components of Canvas Kit components

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