{# ========================================================================= #}
{# :: Inheritance #}
{# ========================================================================= #}
{% extends "brandplatform/base/extends/component/page.njk" %}

{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{% set info %}

Component used to provide feedback to the user. This feedback component is
represented by a state that can for example be a mistake or a succesful one.
This is mostly shown within an overlay component because it has a close button
which closes the feedback and the overlay component.

{% endset %}

{# ========================================================================= #}
{# :: Modifiers #}
{# ========================================================================= #}
{# {% set modifiers %}

{% endset %} #}

{# ========================================================================= #}
{# :: States #}
{# ========================================================================= #}
{% set states %}

- is-success

  By applying this state you give the component a ui-color that represents a
  succesful action, by default this is green. It will generate the checkmark
  icon as well.

- is-error

  By applying this state you give the component a ui-color that represents an error.
  It will add a warning icon and a button to redirect you to the homepage as well.

- is-warning

  By applying this state you give the component a ui-color that represents a warning and add a warning icon

{% endset %}

{# ========================================================================= #}
{# :: JavaScript #}
{# ========================================================================= #}
{# {% set javascript %}

{% endset %} #}