{"repo":"Workday/canvas-kit","free":true,"listed":false,"github":"https://github.com/Workday/canvas-kit","clone":"git clone https://github.com/Workday/canvas-kit.git","description":"Development kits to implement UI following the Workday Canvas Design System (https://canvas.workday.com/). See our Component Storybook -","language":"TypeScript","stars":357,"topics":["design-system","workday"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"Workday Canvas Kit This project provides a set of components for the Workday Canvas Design System that can be used to implement user experiences consistent with Workday's design principles. --- Getting Started React Dependency Version Support The following are supported versions of dependencies. - React: =17.0 - Typescript: =5.0 (optional) - Emotion: ^11.7.0 Installation To get started using Canvas kit React first add or install the module to your existing React project or Fonts Canvas Kit doesn't include fonts by default. See our Fonts guide for setup instructions, including which font package to use depending on whether your application has the Sana Canvas theme enabled. Usage Update your root index.js file to import Canvas Kit's design tokens. Set data-theme=\"sana-canvas\" on in your index.html : Then in your App.js you can wrap your application with CanvasProvider . If you cannot control (embedded apps, microfrontends), pass sanaCanvasProviderTheme instead so menus, selects, and other popups still get Sana brand variables: Note: Don't use the CanvasProvider to theme, instead use our CSS tokens from @workday/canvas-tokens-web . For more information, view our Token docs. Theming should be global. Reporting a Bug If you spot a bug, inconsistency, or typo, please open a bug issue. Better yet, submit a pull request to address it. Feature Requests If you have an idea, we would love to hear about it. The best way to suggest a feature is to open a feature issue. The Canvas Kit cor","default_branch":null,"files":null,"tree":[],"storefront":"/r/Workday","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Workday/canvas-kit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}