<div class="!flex !items-start !w-auto">
    <input type="checkbox"
           id="{{elementId}}"
           ng-model="config[configProperty]"
           class="!mr-2 !mt-[2px] !w-4 !h-4 !min-w-[16px] !flex-shrink-0
                !focus:ring-offset-0 !focus:ring-[var(--base-primary,#18181B)] 
                !accent-[var(--base-primary,#18181B)]">
    <div class="!flex-1">
        <label for="{{elementId}}"
               class="!block !mb-0 !font-medium !text-sm !text-[#333E48]">
            {{descriptionText}}
        </label>
    </div>
</div>