Sha256: 3c8e76e1fcf73b7f85ae339b79d707d36c22153aeb40d8fce3edb8e7ecdef95d

Contents?: true

Size: 921 Bytes

Versions: 2005

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

2,005 entries across 2,005 versions & 2 rubygems

Version Path
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31078 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.38.0.pre.alpha.playbook123801077 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.38.0.pre.alpha.playbook123801077 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAY951collapsiblenav31074 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31074 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAY951collapsiblenav31073 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31073 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAYaddingdatapropselectkit1071 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.37.0.pre.alpha.PLAYaddingdatapropselectkit1071 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.38.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAY951collapsiblenav31062 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31062 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.37.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx