Sha256: 63cb49818b711fa2cbd04fd8060c33758907bb889f2ae58c737abf73b3d6d7c8

Contents?: true

Size: 607 Bytes

Versions: 94

Compression:

Stored size: 607 Bytes

Contents

import React, { useState } from 'react'
import { TextInput } from '../../'

const TextInputCustom = (props) => {
  const [name, setName] = useState('')
  const handleUpdateName = ({ target }) => {
    setName(target.value)
  }
  return (
    <div>
      <TextInput
          label="Custom Label"
          {...props}
      >
        <input
            name="custom-name"
            onChange={handleUpdateName}
            placeholder="custom-placeholder"
            type="text"
            value={name}
            {...props}
        />
      </TextInput>
    </div>
  )
}

export default TextInputCustom

Version data entries

94 entries across 94 versions & 1 rubygems

Version Path
playbook_ui-9.3.0.alpha.inline2 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.3.0.alpha.inline1 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.3.0.pre.alpha.password.strength.1 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.3.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.2.2.pre.alpha.margin app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.2.2 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.2.1 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.2.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.1.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-9.0.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.3.0.alpha.select.pre.margin app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.3.0 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.2.1.pre.alpha5 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.2.1.pre.alpha4 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.2.1.alpha.iconacc app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.2.1.pre.alpha3 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.2.1.pre.alpha2 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.3.0.deps2 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.3.0.pre.alpha1 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-8.2.1.pre.alpha1 app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx