Contents

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

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

export default TextInputCustom

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
playbook_ui-7.11.1	app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
playbook_ui-7.11.0	app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx