Sha256: e7bbaad73f81434981611c230d77964dab4585404917c6cc9118d29ef6009196

Contents?: true

Size: 677 Bytes

Versions: 2

Compression:

Stored size: 677 Bytes

Contents

import React from 'react'
import { FormGroup, Select, TextInput } from '../../'

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

  return (
    <div>
      <FormGroup>
        <TextInput
            label="Artist"
            placeholder="Enter Artist Name"
        />
        <Select
            blankSelection="Select Genre"
            options={options}
        />
      </FormGroup>
    </div>
  )
}

export default FormGroupSelect

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
playbook_ui-7.6.2.pre.alpha1 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
playbook_ui-7.6.1.pre.alpha1 app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx