Textarea field

The textarea_field component is used for capturing multi-line text input from users, making it ideal for longer content such as comments, descriptions, or feedback. Unlike a standard text input, textarea allows users to enter and edit multiple lines of text, offering greater flexibility for larger inputs. It can be customized in size and appearance to fit various form designs, ensuring an optimal user experience for entering extended information.

<.textarea_field
  name=""
  value=""
  label="Message"
  placeholder="Your message"
/>

The disable_resize prop is a boolean. It adds resize-none, so the user cannot drag the corner of the textarea to change its size. Use it when the layout needs a fixed size.

<.textarea_field
  name=""
  value=""
  label="Message"
  placeholder="Your message"
  disable_resize
/>

The rows prop sets the number of visible lines. When you leave it out, the browser default applies, which is two lines in most browsers.

<.textarea_field
  name=""
  value=""
  label="Message"
  placeholder="Your message"
  rows="6"
/>