Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
ui-component-library / src / components / molecules / SelectDropDown
  ..
  ActiveOption
  Option
  OptionList
  Select
  __tests__
  meta
  README.md
  SelectDropDown.tsx
  index.ts
  typings.ts
Size: Mime:

SelectDropDown

@alias SelectableOptions

TODO PRIORITY

  • USE SELECTIONSTATE!

tickets

Learn More

TODO

  • add "persistant active option" - example: Color always has color...
  • add select dropdown preset, so we have styled & unstyled (often no border)
  • add option to show initial value in the list, or not - very common
  • Context
  • finish
  • fix
  • example with radiogroup
  • renderProps
  • clickBoundary with proper refs
// @todo FOR CLICK BOUNDARY
const setRef = x => this.innerRef = x
const render = boundary => (
  <Wrap className={classList.wrap} innerRef={setRef}>
    <Select {...passthroughProps} {...selectAttributes.state} {...this.attributes} />
    {errorMessageView}
  </Wrap>
)
// <ClickBoundary parentRef={this.dom} onClickOutside={this.state.handleToggleVisibility}>


/**
 * @todo from clickContainer
 */
// <SelectWrap innerRef={this.setRef}>
setRef = node => {
  if (isFunction(this.props.innerRef) === true) {
    this.props.innerRef(node)
  } else if (isFunction(this.props.onBlur) === true) {
    // handleClickBoundary(node, this.props.onBlur)
  }
}

ARIA/wcag