Notice

Use the Notice unit when embedding a warning or error inside another component (e.g. notice that a CTA will not be shown while its target URL isn’t accessible)

<!-- Default -->
<div class='c-notice'>
    Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.
</div>

<!-- Success -->
<div class='c-notice c-notice--success'>
        Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.
    </div>

<!-- Notice -->
<div class='c-notice c-notice--notice'>
        Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.
    </div>

<!-- Error -->
<div class='c-notice c-notice--error'>
        Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.
    </div>

{% if level %}
    {% set display = { 'modifiers': [ level ] } %}
{% endif %}

<div class='{{ get_component_class( 'notice', display ) }}'>
    {{ content|raw }}
</div>
/* Default */
{
  "content": "Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout."
}

/* Success */
{
  "content": "Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.",
  "level": "success"
}

/* Notice */
{
  "content": "Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.",
  "level": "notice"
}

/* Error */
{
  "content": "Patients often say that they feel burned out and exhausted. Other symptoms can be anxiety, sleep disturbances, irritation. Burnout rates among social entrepreneurs are a true issue. Our survey among SIA alumni shows that more than 40% were exposed to some level of burnout. 5% might have experienced severe burnout.",
  "level": "error"
}