<li class="<?= $active ? 'active' : null ?>">
    <div class="tab-container">
        <div data-builder-tab>
            <span data-localization-key="<?= e($title) ?>" data-plugin="<?= e($this->getPluginCode()) ?>" data-tab-title><?= e(trans($title)) ?></span>
        </div>
    </div>

    <div class="inspector-trigger tab-control" 
        data-inspectable 
        data-inspector-title="<?= e(trans('rainlab.builder::lang.form.tab')) ?>" 
        data-inspector-config="<?= e($this->getTabConfigurationSchema()) ?>"
        data-inspector-offset-x="-15"
    >
        <span></span>
        <span></span>
        <span></span>

        <input data-inspector-values type="hidden" value="<?= e($this->getTabConfigurationValues(['title'=>$title])) ?>"/>
    </div>

    <div class="close-btn tab-control" data-builder-close-tab>&times;</div>
</li>