# 404-solution/trunk/includes/html/settingsModeToggle.html

404 Solution, version trunk. 24 lines.

- Page: https://pluginprobe.com/plugins/404-solution/trunk/code/includes/html/settingsModeToggle.html
- Raw: https://pluginprobe.com/plugins/404-solution/trunk/raw/includes/html/settingsModeToggle.html
- Modified: 2025-12-06T10:05:56+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/404-solution/trunk/code/includes/html/settingsModeToggle.html#L10-L20`.

```html
<div class="abj404-mode-toggle" data-nonce="{nonce}">
    <div class="abj404-mode-toggle-buttons" role="group" aria-label="{Settings mode}">
        <button type="button" class="abj404-mode-btn {simpleActive}" data-mode="simple" aria-pressed="{simplePressedState}">
            <span class="abj404-mode-btn-icon">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                    <rect x="3" y="3" width="18" height="18" rx="2"/>
                    <path d="M9 9h6M9 15h6"/>
                </svg>
            </span>
            <span class="abj404-mode-btn-text">{Simple Mode}</span>
        </button>
        <button type="button" class="abj404-mode-btn {advancedActive}" data-mode="advanced" aria-pressed="{advancedPressedState}">
            <span class="abj404-mode-btn-icon">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                    <circle cx="12" cy="12" r="3"/>
                    <path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/>
                </svg>
            </span>
            <span class="abj404-mode-btn-text">{Advanced Mode}</span>
        </button>
    </div>
    <p class="abj404-mode-description">{mode_description}</p>
</div>

```