Framework Component Library

Popover: Default 

<div class="fw-container">
    <!-- Popover -->

    <button class="button-bordered
 				" popovertarget="popover-2">
        <span class="button-bordered__inner"> <span class="button-bordered__label">Toggle Popover</span>
        </span>
    </button>
    <div class="popover" id="popover-2" popover="auto" data-js-popover>
        <div class="popover__content typography">
            <p>Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
        </div>
    </div>
    <!-- END: Popover -->
</div>
 
{% set id = id|default(uniqid('popover')) %}

<div class="fw-container">
	<!-- Popover -->
	{% include '@partial-button' with {
		classes: {
			base: 'button-bordered'
		},
		attributes: {
			'popovertarget': id,
		},
		title: trigger_label|default('Toggle Popover')
	} only %}
	<div
		class="popover"
		id="{{ id }}"
		popover="auto"
		data-js-popover{% if settings is not empty %}='{{ settings|json_encode }}'{% endif %}
	>
		<div class="popover__content typography">
			{{ content|default('')|raw }}
		</div>
	</div>
	<!-- END: Popover -->
</div>

No notes defined.