Sha256: 5454fcd5e24e9afb602230047f8715102aa82dafe65d459be24cd83e423b27eb

Contents?: true

Size: 1.16 KB

Versions: 832

Compression:

Stored size: 1.16 KB

Contents

import React from 'react'

import FormGroup from '../_form_group'
import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
import Select from '../../pb_select/_select'
import TextInput from '../../pb_text_input/_text_input'

const FormGroupSelect = (props) => {
  const options = [
    { value: 'Country' },
    { value: 'Pop' },
    { value: 'Rock' },
    { value: 'Hip-Hop/Rap' },
    { value: 'Classical' },
    { value: 'Gospel' },
    { value: 'Alternative' },
    { value: 'Indie' },
    { value: 'Other' },
  ]

  const phoneOptions = [
    { value: 'Cell' },
    { value: 'Work' },
    { value: 'Home' },
  ]

  return (
    <div>
      <FormGroup>
        <TextInput
            placeholder="Enter Artist Name"
            {...props}
        />
        <Select
            blankSelection="Genre"
            options={options}
            {...props}
        />
      </FormGroup>
      <br />
      <br />
      <FormGroup>
        <Select
            blankSelection="Phone"
            options={phoneOptions}
            />
        <PhoneNumberInput
            id='default'
        />
    </FormGroup>
    </div>
  )
}

export default FormGroupSelect

Version data entries

832 entries across 832 versions & 2 rubygems

Version Path
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.8.0.pre.rc.8 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0.pre.rc.8 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.8.0.pre.rc.7 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0.pre.rc.7 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.8.0.pre.rc.6 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0.pre.rc.6 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui_docs-14.8.0.pre.rc.5 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-14.8.0.pre.rc.5 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx