{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/components/flyout/flyout-macros.njk" as flyout %}

{# ========================================================================== #}
{# :: Settings #}
{# ========================================================================== #}
{% set params = {
	isFullWidth: false,
	styleVendors: [],
	scriptVendors: ["https://kit.fontawesome.com/74199cd914.js"],
	order: 1,
	scope: ""
} %}

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

{% endset %} #}

{# ========================================================================== #}
{# :: Preview #}
{# ========================================================================== #}
{% set preview %}

	{{flyout.default("", {
		trigger: {
			content: "<span class='fas fa-info-circle'></span>"
		},
		content: "<p>dit is een tooltip met extra info, deze verschijnt enkel on hover
		& click</p>"

	})}}

{% endset %}

{# ========================================================================== #}
{# :: Code #}
{# ========================================================================== #}
{# {% set code %}

{% endset %} #}