Styling

Having a system to validate forms isn't really useful if you can't style them manually. For this purpose, Loveform includes css classes that help developers target each rendered component easily.

LForm

The LForm component renders the form component with the l-form class. This component by itself doesn't render any errors, so no classes are added for error styling.

LInput

The LInput component renders the input component with the l-input class. A l-input__error class is also added to the p component that gets rendered when the value of the input isn't valid.

LTextarea

The LTextarea component renders the textarea component with the l-textarea class. A l-textarea__error class is also added to the p component that gets rendered when the value of the textarea isn't valid.

LCheckbox

The LCheckbox component renders the checkbox-type input component with the l-checkbox class. This component by itself doesn't render any errors, so no classes are added for error styling.

LCheckboxGroup

The LCheckboxGroup component adds a l-checkbox-group__error class to the p component that gets rendered when the values of the checkboxes inside the checkbox group aren't valid. This component doesn't render any container around the checkboxes, so no classes are added for styling the component itself.