Form

Forms are used for submitting data. Use this component to wrap any kind of form component, such as textfields, textareas, selects or checkboxes.

Usage

Label Required

This is a description

Error message

<div class="c-form w-96 mb-0">
  <label class="c-form__label" htmlFor="">Label</label>
  <span class="c-form__hint">Required</span>
  <div class="c-form__element">
    <div class="c-textfield">
      <input type="text" class="c-textfield__input" placeholder="Placeholder" />
    </div>
  </div>
  <p class="c-form__description">This is a description</p>
  <p class="c-form__error">Error message</p>
</div>

Implementation

Type	Name
Elements
Wrapper	`.c-form`
Element	`.c-form__element`	Optional
Label	`.c-form__label`	Optional
Hint	`.c-form__hint`	Optional
Description	`.c-form__description`	Optional
Error message	`.c-form__error`	Optional
Modifiers	None
States	None