Feedbacks

v-0.0.0

Form recap

Here is a error feedback message

• Error message one
• Error message two
• Error message three

<div class="feedback--recap">
    <div class="feedback--error">
        <p>Here is a error feedback message</p>
    </div>
    <ul class="list">
        <li class="list__item">
            Error message one
        </li>
        <li class="list__item">
            Error message two
        </li>
        <li class="list__item">
            Error message three
        </li>
    </ul>
</div>

Use case

Do

• Use this only with forms.
• Use this only in case there is more than one error field in the form.

Don't

• Use this if there is only one error field in the form.

Result

Success

Here is a success feedback message

<div class="feedback--success">
    <p>Here is a success feedback message</p>
</div>

Error

Here is a error feedback message

<div class="feedback--error">
    <p>Here is a error feedback message</p>
</div>

Use case

Do

• On feedback that result from a user interaction.
• On feedback that concerne a group of inputs.

Don't

• Use it for a specific input validation.