Sha256: 1a97e5f30a0b5d353a069bf7c73ee5b3d02839b7869d7cb2a6873c8a261e2ac9

Contents?: true

Size: 750 Bytes

Versions: 1807

Compression:

Stored size: 750 Bytes

Contents

import React, {useState} from 'react'

import Textarea from '../_textarea'

const TextareaDefault = (props) => {
  const [value, setValue] = useState('Default value text')
  const handleChange = (event) => {
    setValue(event.target.value)
  }
  return (
    <div>
      <Textarea
          label="Label"
          rows={4}
          {...props}
      />

      <br />

      <Textarea
          label="Label"
          placeholder="Placeholder text"
          {...props}
      />

      <br />

      <Textarea
          label="Label"
          name="comment"
          onChange={(e) => handleChange(e)}
          placeholder="Placeholder text"
          value={value}
          {...props}
      />

    </div>
  )
}

export default TextareaDefault

Version data entries

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

Version Path
playbook_ui-12.12.0 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.11.0 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.10.0 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.9.1.pre.alpha.menucleanup345 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.9.1.pre.alpha.menucleanup342 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.9.1 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.9.0 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark301 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark300 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.PLAY649mapkitstyles299 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep298 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep297 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease296 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease295 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease294 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
playbook_ui-12.8.0 app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx