Version 0.40.0

UI Atoms

Forms feedback

<div class="sui-a-form-feedback">
    <i class="sui-a-icon as--fa-info-circle"></i>
    This is a feedback about a part of the form.
</div>

Validations states

<div class="sui-a-form-feedback as--danger">
    <i class="sui-a-icon as--fa-warning"></i>
    This is a feedback about a part of the form.
</div>

<div class="sui-a-form-feedback as--warning">
    <i class="sui-a-icon as--fa-warning"></i>
    This is a feedback about a part of the form.
</div>

<div class="sui-a-form-feedback as--success">
    <i class="sui-a-icon as--fa-check-circle"></i>
    This is a feedback about a part of the form.
</div>