Sha256: 3c8e76e1fcf73b7f85ae339b79d707d36c22153aeb40d8fce3edb8e7ecdef95d

Contents?: true

Size: 921 Bytes

Versions: 1608

Compression:

Stored size: 921 Bytes

Contents

import React, { useState } from 'react'

import TextInput from '../_text_input'

const TextInputError = (props) => {
  const [email, setEmail] = useState('')

  const handleUpdateEmail = ({ target }) => {
    setEmail(target.value)
  }
  return (
    <div>
      <TextInput
          addOn={{ icon: 'user', alignment: 'left', border: true }}
          error="Please enter a valid email address"
          label="Email Address"
          onChange={handleUpdateEmail}
          placeholder="Enter email address"
          type="email"
          value={email}
          {...props}
      />
      <TextInput
          addOn={{ icon: 'user', alignment: 'left', border: true }}
          label="Confirm Email Address"
          onChange={handleUpdateEmail}
          placeholder="Confirm email address"
          type="email"
          value={email}
          {...props}
      />
    </div>
  )
}
export default TextInputError

Version data entries

1,608 entries across 1,608 versions & 2 rubygems

Version Path
playbook_ui_docs-14.9.0.pre.rc.9 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.9.0.pre.rc.9 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1680newwidthprop4661 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1680newwidthprop4661 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx