How to use @instructure/ui-text-input - 1 common examples

To help you get started, we’ve selected a few @instructure/ui-text-input examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github instructure / instructure-ui / packages / ui-forms / src / DateInput / index.js View on Github external
render () {
    const ignoredProps = [
      'type',
      'messages',
      'defaultValue',
      'value'
    ]
    const textInputProps = pickProps(this.props, omitProps(TextInput.propTypes, {}, ignoredProps))
    const { onChange, onKeyDown, onClick, onBlur } = this.props // eslint-disable-line react/prop-types

    return (
      <span>
        <TextInput
          {...textInputProps}
          value={this.state.textInputValue}
          messages={this.messages}
          onChange={createChainedFunction(onChange, this.handleTextInputChange)}
          onKeyDown={createChainedFunction(onKeyDown, this.handleTextInputKeyDown)}
          onClick={createChainedFunction(onClick, this.handleTextInputClick)}
          onBlur={createChainedFunction(onBlur, this.handleTextInputBlur)}
          inputRef={this.textInputRef}
        />
        <Popover
          placement={this.props.placement}

@instructure/ui-text-input

A styled HTML text input component.

MIT
Latest version published 2 days ago

Package Health Score

84 / 100
Full package analysis

Popular @instructure/ui-text-input functions

Similar packages