# elementor/4.0.0-dev5/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig

Elementor Website Builder – more than just a page builder, version 4.0.0-dev5. 22 lines.

- Page: https://pluginprobe.com/plugins/elementor/4.0.0-dev5/code/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig
- Raw: https://pluginprobe.com/plugins/elementor/4.0.0-dev5/raw/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig
- Modified: 2026-03-30T09:49:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/4.0.0-dev5/code/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig#L10-L20`.

```twig
{% if settings.text is not empty %}
    {%- set allowed_tags = '<b><strong><sup><sub><s><em><i><u><del><span><br>' %}
    {% set classes = settings.classes | merge( [ base_styles.base ] ) | join(' ') %}
	{% set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}
    {% if settings.link.href %}
        <{{ settings.link.tag | e('html_tag') }}
            {% set linkAttr = settings.link.tag == 'a' ? 'href' : 'data-action-link' %}
			{{ linkAttr }}="{{ settings.link.href | raw }}"
        target="{{ settings.link.target }}"
            class="{{ classes }}"
            data-interaction-id="{{ interaction_id }}"
            {{ id_attribute }} {{ settings.attributes | raw }}
        >
            {{ settings.text | striptags(allowed_tags) | raw }}
        </{{ settings.link.tag | e('html_tag') }}>
    {% else %}
        <button class="{{ classes }}" data-interaction-id="{{ interaction_id }}" {{ id_attribute }} {{ settings.attributes | raw }}>
            {{ settings.text  | striptags(allowed_tags) | raw }}
        </button>
    {% endif %}
{% endif %}

```