Overview
The text area component is a styled version of FormKit’s native HTML text area input, allowing for multi-line text input with built-in validation and resizable functionality.
For more detailed information on configuring and using FormKit’s text area input, refer to the official FormKit textarea documentation.
Basic usage
Check out the FormKit documentation in the Foundations section for setup instructions if you’re new to FormKit.
Importing the component
Ensure your application is configured to use the FormKit plugin. You can then include the text area component in your FormKit schema or as a standalone component.
Example usage
Once registered, use the text area component like this:
<FormKit
type="textarea"
label="Your Essay"
name="essay"
placeholder="Write your essay here..."
:validation="length:0,500"
/>
Accessibility
The text area component supports accessibility best practices, including keyboard navigation, aria attributes, and customisable labels for screen readers.
Internationalisation
The text area input supports internationalised placeholders, help text, and validation messages, making it adaptable for global use.