j-ToggleButton

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Konfigurera:

required {Boolean} valfritt, möjliggör "krav" (default: false)
disabled {Boolean} valfritt, inaktiverar denna komponent
icontrue {String} valfritt, toggles FontAwesome ikoner om värdet är true
iconfalse {String} valfritt, toggles FontAwesome ikoner om värdet är false

Ikonerna kan vara i form: circle eller ti ti-circle.

Använd den med <ui-component name="togglebutton">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

example.html

<div class="container">
	<div class="row">
		<div class="col-md-4">
			<ui-component name="togglebutton" path="form.darkmode" config="icontrue:lightbulb"></ui-component>
		</div>
	</div>
</div>

<script>
	var form = {};
	form.darkmode = false;
	WATCH('form.darkmode', function(path, value) {
		$('body').tclass('ui-dark', value === true);
	});
</script>