@workday/canvas-kit-css-radio

Canvas Kit Radio

Radio styles

> Workday Design Reference

Installation

yarn add @workday/canvas-kit-css

or

yarn add @workday/canvas-kit-css-radio

Add your node_modules directory to your SASS includePaths. You will then be able to import index.scss.

@import '~@workday/canvas-kit-css-radio/index.scss';

Usage

<div class="wdc-form-radio">
  <input type="radio" id="radio" />
  <label for="radio">E-mail</label>
</div>

Note: While a base checkbox component is provided in this package, it is not accessible when used as is. It should be used in tandem with canvas-kit-form-field to be made fully accessible.

Labels

Render a radio inside a canvas-kit-form-field to add a label.