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

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

This is a toggle which extends from a radio-button. Toggle it's `checked`
property to change the state.

{% endset %}

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

- a-toggle--small

  To visualise a smaller version

- a-toggle--white

  To visualise a white version

- a-toggle--fill-space

  To visualise a full width version

{% endset %}

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

{% endset %} #}

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

{% endset %} #}