@trilogyeducation/ux-kit

UX Kit

Trilogy Education Services engineering team UX Kit. A library of reusable, responsive, accessible front end components written in React.

Installation

$ npm install @trilogyeducation/ux-kit

Usage

import {Input} from '@trilogyeducation/ux-kit';

...
<Input
    label="Email Address"
    type="email"
    id="emailAddress"
    placeholder="student@example.com"
    helper="Email address input is case sensitive"
    aria-labelledby="emailAddressLabel"
    aria-required={true}
    required={true}
    onChange={this.handleChange}
    onKeyPress={this.handleKeyPress}
/>

Available Components

• Alert
• Icon
• Input
• Loading
• SelectCheck
• Table
• Textarea