@instructure/ui-text-input

ui-text-input

[![npm][npm]][npm-url]
[![MIT License][license-badge]][license]
[![Code of Conduct][coc-badge]][coc]

A styled HTML text input component.

$3

The ui-text-input package contains the following:

- TextInput

$3

``sh
npm install @instructure/ui-text-input
`

$3

`javascript
class ControlledTextInputExample extends React.Component {
constructor(props) {
super(props)

this.state = {
value: 'Mint chocolate chip'
}
}

handleChange = (e, value) => this.setState({ value })

render() {
return (

renderLabel="What is your favorite ice cream flavor?"
value={this.state.value}
onChange={this.handleChange}
/>

this.state.value = {this.state.value}


)
}
}

render()
``

[npm]: https://img.shields.io/npm/v/@instructure/ui-text-input.svg
[npm-url]: https://npmjs.com/package/@instructure/ui-text-input
[license-badge]: https://img.shields.io/npm/l/instructure-ui.svg?style=flat-square
[license]: https://github.com/instructure/instructure-ui/blob/master/LICENSE.md
[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
[coc]: https://github.com/instructure/instructure-ui/blob/master/CODE_OF_CONDUCT.md