@workday/canvas-kit-css-text-input

Canvas Kit Text Input

Text Input styles

> Workday Design Reference

Installation

yarn add @workday/canvas-kit-css

or

yarn add @workday/canvas-kit-css-text-input

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

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

Usage

<div class="wdc-form-textinput">
  <input id="input" type="text" />
</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 text input inside a canvas-kit-form-field to add a label.