More Premium Hugo Themes Premium React Themes

Canvas Kit

Development kits to implement UI following the Workday Canvas Design System (https://canvas.workday.com/). See our Component Storybook -

Canvas Kit

Development kits to implement UI following the Workday Canvas Design System (https://canvas.workday.com/). See our Component Storybook -

Author Avatar Theme by workday
Github Stars Github Stars: 332
Last Commit Last Commit: Jan 15, 2026 -
First Commit Created: Dec 18, 2023 -
Canvas Kit screenshot

Overview:

Workday Canvas Kit is a project that provides a set of components for the Workday Canvas Design System. The purpose of the kit is to allow developers to implement user experiences that are consistent with Workday’s design principles. It is built using React and follows semantic versioning.

Features:

  • Components for Workday Canvas Design System: Workday Canvas Kit provides a set of components that developers can use to implement user experiences consistent with Workday’s design principles.
  • Installation: The kit can be easily installed by adding or installing the module to an existing React project.
  • Bug Reporting: Users can report bugs, inconsistencies, or typos by opening a bug issue or by submitting a pull request to address it.
  • Feature Requests: Users can suggest new features by opening a feature issue, and the Canvas Kit core team will discuss it with them.
  • Contributing Guidelines: There are guidelines available for users who want to contribute to Canvas Kit React, including information on how to get started.
  • Versioning: Canvas Kit follows semantic versioning and is independently versioned using Lerna.
  • Version Support: Canvas Kit supports three major versions: previous, current, and next. Each version has different levels of support.
  • Developer Documentation: The kit provides comprehensive documentation for developers, including code style, best practices, and upgrade guides.
  • License: The Workday Canvas Kits are licensed under the Apache 2.0 License.
  • Supported Browsers: Canvas Kit supports the last two versions of Microsoft Edge, Mozilla Firefox, Google Chrome, Apple Safari, and Opera.

Installation:

To get started using Canvas Kit React, follow these steps:

  1. Add or install the module to your existing React project:
npm install @workday/canvas-kit-react --save
  1. Import the desired components into your project:
import { Button, Card, Icon } from '@workday/canvas-kit-react';
  1. Start using the components in your project:
<Button onClick={handleClick}>Click Me</Button>
  1. You’re ready to use Workday Canvas Kit in your React project!

Summary:

Workday Canvas Kit is a project that provides a set of React components for the Workday Canvas Design System. It allows developers to implement user experiences consistent with Workday’s design principles and follows semantic versioning. The kit supports three major versions and provides comprehensive documentation, including installation guides, bug reporting, contributing guidelines, and versioning information. It is licensed under the Apache 2.0 License and supports the latest versions of major browsers.