Wondering what’s next for npm?Check out our public roadmap! »

    @instructure/ui-text-input
    TypeScript icon, indicating that this package has built-in type declarations

    8.6.0 • Public • Published

    category: packages

    ui-text-input

    npm  [![build-status][build-status]][build-status-url]  MIT License  Code of Conduct

    A styled HTML text input component.

    Components

    The ui-text-input package contains the following:

    Installation

    yarn add @instructure/ui-text-input

    Usage

    ---
    example: false
    ---
    class ControlledTextInputExample extends React.Component {
      constructor (props) {
        super(props)
    
        this.state = {
          value: 'Mint chocolate chip'
        }
      }
    
      handleChange = (e, value) => this.setState({ value })
    
      render () {
        return (
          <View as="div">
            <TextInput
              renderLabel="What is your favorite ice cream flavor?"
              value={this.state.value}
              onChange={this.handleChange}
            />
            <View as="div" margin="medium none none">
              <code>this.state.value = {this.state.value}</code>
            </View>
          </View>
        )
      }
    }
    
    render(<ControlledTextInputExample />)

    Keywords

    none

    Install

    npm i @instructure/ui-text-input

    DownloadsWeekly Downloads

    4,748

    Version

    8.6.0

    License

    MIT

    Unpacked Size

    118 kB

    Total Files

    27

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar