Sha256: 22c0cf1790bb44e30337a3e50bbbe50b7cd7bf7390f1b93af041e743478c3141

Contents?: true

Size: 723 Bytes

Versions: 7

Compression:

Stored size: 723 Bytes

Contents

import React from 'react'
import { Body, Select } from '../..'

const SelectDarkError = () => {
  return (
    <div>
      <Select
          dark
          error="Please make a valid selection"
          label="Favorite Food"
          name="food"
          options={[
          {
            value: '1',
            valueText: 'Burgers',
          },
          {
            value: '2',
            selected: true,
            valueText: 'Pizza',
          },
          {
            value: '3',
            valueText: 'Tacos',
          },
        ]}
      />
      <Body
          dark
          error="Please make a valid selection"
          status="negative"
      />
    </div>
  )
}

export default SelectDarkError

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
playbook_ui-4.2.0 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
playbook_ui-4.1.2 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx