# betterdocs/4.2.0/includes/Admin/Customizer/Controls/ToggleControl.php

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.2.0. 67 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.2.0/code/includes/Admin/Customizer/Controls/ToggleControl.php
- Raw: https://pluginprobe.com/plugins/betterdocs/4.2.0/raw/includes/Admin/Customizer/Controls/ToggleControl.php
- Modified: 2024-12-09T12:10:16+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/betterdocs/4.2.0/code/includes/Admin/Customizer/Controls/ToggleControl.php#L10-L20`.

```php
<?php

namespace WPDeveloper\BetterDocs\Admin\Customizer\Controls;

use WP_Customize_Control;

class ToggleControl extends WP_Customize_Control {
	/**
	 * Control name.
	 * @var string
	 */
	public $type = 'betterdocs-toggle';

	/**
	 * Enqueue scripts/styles.
	 *
	 * @since 1.0.0
	 */
	public function enqueue() {
		betterdocs()->assets->enqueue(
			'betterdocs-customizer-toggle-control',
			'customizer/js/customizer-toggle-control.js',
			[ 'jquery' ]
		);
		betterdocs()->assets->enqueue(
			'betterdocs-pure-css-toggle-buttons',
			'customizer/css/customizer-toggle-buttons.css'
		);

		$css = '
			.disabled-control-title {
				color: #a0a5aa;
			}
			input[type=checkbox].tgl-light:checked + .tgl-btn {
				background: #37de89;
			}
			input[type=checkbox].tgl-light + .tgl-btn {
				background: #a0a5aa;
			}
			input[type=checkbox].tgl-light + .tgl-btn:after {
				background: #f7f7f7;
			}

			input[type=checkbox].tgl-ios:checked + .tgl-btn {
				background: #37de89;
			}

			input[type=checkbox].tgl-flat:checked + .tgl-btn {
				border: 4px solid #37de89;
			}
			input[type=checkbox].tgl-flat:checked + .tgl-btn:after {
				background: #37de89;
			}
		';
		wp_add_inline_style( 'pure-css-toggle-buttons', $css );
	}

	/**
	 * Render the control's content.
	 *
	 * @version 1.0.0
	 */
	public function render_content() {
		betterdocs()->views->get( 'admin/customizer/controls/toggle', [ 'control' => $this ] );
	}
}

```