Pinecone

Dialog: Default 

<div class="spacer"></div><button id="invoke-dialog" type="button" class="button button--borderless"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
        <use href="/images/delete.svg#delete" />
    </svg>
    <span class="button__label">Remove favorite</span></button>
<script defer>
    const dialogBtn = document.getElementById('invoke-dialog');
    if (dialogBtn) {
        new Pinecone.Dialog(dialogBtn, {
            title: "Remove favorite",
            question: "Are you sure you want to remove this resource from your favorites?",
            confirm: "Yes, remove",
            dismiss: "No, don&rsquo;t remove"
        });
    }
</script>
 
{% if not standAlone %}<div class="spacer"></div>{% endif %}
{% render '@button--borderless', {label: buttonLabel, id: 'invoke-dialog', icon: buttonIcon, iconPosition: 'start', standAlone: true}, true %}
<script defer>
	const dialogBtn = document.getElementById( 'invoke-dialog' );
	if ( dialogBtn ) {
		new Pinecone.Dialog( dialogBtn, {
			title: "{{ dialogTitle | safe }}",
			question: "{{ dialogQuestion | safe }}",
			{% if dialogInput %}
			input: "{{ dialogInput }}",
			{% endif %}
			{% if dialogInputLabel %}
			inputLabel: "{{ dialogInputLabel | safe }}",
			{% endif %}
			{% if dialogInputDescription %}
			inputDescription: "{{ dialogInputDescription | safe }}",
			{% endif %}
			confirm: "{{ dialogConfirm | safe }}",
			dismiss: "{{ dialogDismiss | safe }}"
		} );
	}
</script>
 
{
  "buttonIcon": "delete",
  "buttonLabel": "Remove favorite",
  "dialogTitle": "Remove favorite",
  "dialogQuestion": "Are you sure you want to remove this resource from your favorites?",
  "dialogConfirm": "Yes, remove",
  "dialogDismiss": "No, don&rsquo;t remove"
}

There are no notes for this item.