# elementor/4.0.0-dev4/modules/atomic-widgets/elements/atomic-tabs/atomic-tab-content/atomic-tab-content.html.twig

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

- Page: https://pluginprobe.com/plugins/elementor/4.0.0-dev4/code/modules/atomic-widgets/elements/atomic-tabs/atomic-tab-content/atomic-tab-content.html.twig
- Raw: https://pluginprobe.com/plugins/elementor/4.0.0-dev4/raw/modules/atomic-widgets/elements/atomic-tabs/atomic-tab-content/atomic-tab-content.html.twig
- Modified: 2026-03-25T16:12:18+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-dev4/code/modules/atomic-widgets/elements/atomic-tabs/atomic-tab-content/atomic-tab-content.html.twig#L10-L20`.

```twig
{% set classes = ['e-con', 'e-atomic-element', base_styles.base] | merge(settings.classes | default([])) | join(' ') %}
<div class="{{ classes }} {{ editor_classes | default('') }}{{ is_active ? ' e--selected' : '' }}" data-id="{{ id }}" data-element_type="{{ type }}" data-e-type="{{ type }}" data-interaction-id="{{ interaction_id }}" data-interactions="{{ interactions | json_encode | e('html_attr') }}" role="tabpanel" x-bind="tabContent" id="{{ tab_content_id }}" aria-labelledby="{{ tab_id }}"{% if not is_active %} hidden="true" style="display: none;"{% endif %} {{ editor_attributes | default('') | raw }}><!-- elementor-children-placeholder --></div>

```