Back to the list

Form

For every form page, try to have the data-size set to form on your main component.

File to include

@import "components/form";
<form class="form">
    <div class="input-container">
        <label>Label</label>
        <input type="text">
    </div>

    <div class="input-container">
        <label>Label</label>
        <input type="text">
    </div>

    <div class="input-container">
        <label>Label</label>
        <input type="text">
    </div>

    <div class="flexbox" data-align="center" data-gap="xs">
        <button class="btn">Button</button>
        <button class="btn" data-button-style="text">Button</button>
    </div>
</form>