Form: Element

A form element is a component that is used to collect user input. It is a wrapper around the native HTML form elements.

Key Features

• Versatile HTML Attributes: Enables the inclusion of custom HTML attributes for the form element container.

• Error Handling: Displays any errors associated with the form element, enhancing user feedback and interaction.

• Prefix and Suffix: Supports optional prefix and suffix for the form element, allowing for additional contextual information or styling.

• Label and Description Management: Offers multiple display options for labels and descriptions, including visibility settings for screen readers.

• Required Field Indicator: Includes a marker for required fields, improving form usability and user guidance.

• Disabled State Support: Allows for the form element to be marked as disabled.

• Customizable Classes: Incorporates form_element_utility_classes for additional styling options.

Customization

• Label and Description Settings: Customize the position and visibility of labels and descriptions to suit different form layouts and accessibility needs.

• Prefix/Suffix Addition: Add contextual prefixes or suffixes to the form element for enhanced user understanding.

• Error Styling: Style the error messages to align with your application's design language.

Usage

{% include "radix:form-element" %}