Form textarea component

The textarea 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"
/>

Textarea disable resize prop

The textarea can disable resizing with the CSS resize: none; property. This prevents users from adjusting its size, ensuring consistent dimensions and layout control. It’s useful for maintaining design or usability constraints.

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

Textarea rows prop

The rows attribute defines the number of visible rows in a textarea . By specifying this attribute, you can control the height of the textarea, determining how many lines of text are shown by default. If not set, the textarea will adjust its size automatically based on the content and browser defaults. This attribute helps customize the appearance and usability of multi-line text input fields.

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