How to use the @instructure/ui-form-field.FormField.propTypes function in @instructure/ui-form-field

To help you get started, we’ve selected a few @instructure/ui-form-field 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-number-input / src / NumberInput / index.js View on Github external
[styles.focus]: this.state.hasFocus,
            [styles.invalid]: this.invalid
          })}
          style={width ? { width } : null}
        >
          <span size="">
            </span>
github instructure / instructure-ui / packages / ui-forms / src / Select / SelectField / index.js View on Github external
loadingText,
      emptyOption,
      visibleOptionsCount,
      children,
      onStaticClick,
      assistiveText,
      layout,
      announcement,
      constrain
    } = this.props

    const inputProps = omitProps(this.props, SelectField.propTypes, [
      'allowEmpty',
      'assistiveText',
      'value',
      ...Object.keys(FormField.propTypes)
    ])

    const highlightedOption = options[this.state.highlightedIndex]
    if (highlightedOption &amp;&amp; this.expanded) {
      inputProps['aria-activedescendant'] = `${this._optionsId}_${highlightedOption.id}`
    } else {
      inputProps['aria-activedescendant'] = null
    }


    let wrappedLabel = (
      <label>
        {this.props.label}</label>
github instructure / instructure-ui / packages / ui-forms / src / TextInput / index.js View on Github external
[styles.disabled]: disabled
    }

    const style = width ? { width } : null

    let descriptionIds = ''
    if (props['aria-describedby']) {
      descriptionIds = `${props['aria-describedby'] }`
    }
    if (this.hasMessages) {
      descriptionIds += this._messagesId
    }

    return (
      
        <span>
          </span>
github instructure / instructure-ui / packages / ui-number-input / src / NumberInput / index.js View on Github external
readOnly,
      interaction,
      inline,
      display,
      placeholder,
      required,
      isRequired,
      showArrows,
      size,
      value,
      width
    } = this.props

    return (
      
        <span width="" style="{width">
          </span>

@instructure/ui-form-field

Form layout components.

MIT
Latest version published 6 days ago

Package Health Score

87 / 100
Full package analysis

Similar packages