JSPM

category: packages

ui-forms

Components

The ui-forms package contains the following components:

• TimeInput

Deprecated components

The following components have been deprecated and will be removed from the ui-forms package:

• Checkbox (use Checkbox from ui-checkbox instead)
• CheckboxGroup (use CheckboxGroup from ui-checkbox instead)
• DateInput (use DateInput from ui-date-input instead)
• DateTimeInput (use the Time and Date Input Pattern using Select and DateInput instead)
• FileDrop (use FileDrop from ui-file-drop instead)
• RangeInput (use RangeInput from ui-range-input instead)
• RadioInput (use RadioInput from ui-radio-input instead)
• RadioInputGroup (use RadioInputGroup from ui-radio-input instead)
• Select (use Select from ui-select instead)
• TextArea (use TextArea from ui-text-area instead)
• TextInput (use TextInput from ui-text-input instead)

Codemods are provided to assist in updating the packages. See ui-codemods

Installation

yarn add @instructure/ui-forms

Usage

import React from 'react'
import { TextInput } from '@instructure/ui-forms'

const MyTextInput = () => {
  return (
    <TextInput label="Name" placeholder="Doe, John Doe" />
  )
}