Contents

import React, { useState } from 'react'
import { FormGroup, SelectableCard } from '../../'

const FormGroupSelectableCard = () => {
  const [value, setValue] = useState('')

  const handleSelect = (event) => {
    setValue(event.target.value)
  }

  return (
    <div>
      <FormGroup>
        <SelectableCard
            checked={value === 'cat'}
            inputId="cat1"
            multi={false}
            name="animal"
            onChange={handleSelect}
            value="cat"
        >
          {'Cat'}
        </SelectableCard>

        <SelectableCard
            checked={value === 'dog'}
            inputId="dog1"
            multi={false}
            name="animal"
            onChange={handleSelect}
            value="dog"
        >
          {'Dog'}
        </SelectableCard>
      </FormGroup>
    </div>
  )
}

export default FormGroupSelectableCard

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_selectable_card.jsx
playbook_ui-7.6.1.pre.alpha1	app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.jsx