Sha256: 3b9bf468d47f9094af70b255230d686c59d2bd46b742858e221eeef54bb09d15

Contents?: true

Size: 694 Bytes

Versions: 10

Compression:

Stored size: 694 Bytes

Contents

import React from 'react'
import { components } from 'react-select'

import Flex from '../../pb_flex/_flex'
import TextInput from '../../pb_text_input/_text_input'

type Props = {
  selectProps: {
    dark?: boolean,
    label: string,
    error?: string,
  },
}

const TypeaheadControl = (props: Props): React.ReactElement => (
  <div className="pb_typeahead_wrapper">
    <TextInput
        dark={props.selectProps.dark}
        error={props.selectProps.error}
        label={props.selectProps.label}
    >
      <Flex>
        <components.Control
            className="text_input"
            {...props}
        />
      </Flex>
    </TextInput>
  </div>
)

export default TypeaheadControl

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
playbook_ui-13.33.0.pre.alpha.PLAY14143318 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.33.0.pre.alpha.PLAY14143312 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.33.0.pre.alpha.PLAY1454formpillicons3309 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.33.0.pre.alpha.PLAY14143306 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.33.0 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.32.0.pre.alpha.PBNTR405dropdownformfixesrails3301 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.32.0.pre.alpha.PLAY14143297 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.31.0.pre.alpha.PLAY10863204 app/pb_kits/playbook/pb_typeahead/components/Control.tsx
playbook_ui-13.31.0.pre.alpha.PLAY10863202 app/pb_kits/playbook/pb_typeahead/components/Control.tsx