README
Canvas Kit Select
Select styles
Installation
yarn add @workday/canvas-kit-css
or
yarn add @workday/canvas-kit-css-select
Add your node_modules
directory to your SASS includePaths
. You will then be able to import
index.scss
.
@import '~@workday/canvas-kit-css-select/index.scss';
You must have PostCSS support. Add the postcss-inline-svg plugin to properly process and inline icons. Process your SASS through PostCSS once it has been compiled to CSS.
Usage
<div class="wdc-form-select">
<select id="select">
<option label="E-mail">E-mail</option>
<option label="Phone">Phone</option>
<option label="Fax (disabled)" disabled="{true}">
Fax (disabled)
</option>
<option label="Mail">Mail</option>
</select>
</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 select inside a canvas-kit-form-field to add a label.