JSFiddle - React, Tailwind, and code Playground

by Webnet

HTML

<div ng-app="test">
    <div slide-toggle on="Active" off="Inactive"></div>
</div>

JavaScript

angular.module('test', []).
    directive('slideToggle', function () {
        return {
            scope: false,
            replace: true,
            template: '<input type="checkbox" name="" class="slideToggle"/>',
            link: ['scope', 'element', 'attrs', function (scope, element, attrs) {
                console.log(element);
                alert('linked');
            }],
            controller: ['$scope', '$element', '$attrs', function ($scope, $element, $attrs) {
                
            }]
        }
    });