togg

Angular UI directive for toggling classes and beyond

Usage no npm install needed!

<script type="module">
  import togg from 'https://cdn.skypack.dev/togg';
</script>

README

togg

Angular UI directive to end all UI directives. Toggle classes, attributes, properties. Live your toggle dreams.

Interactive Examples

Attributes

  • togg-scope: applicable scope
  • togg-event: event(s) to listen to
  • togg-class: classes to toggle when event occurs
  • togg-attr: attribute to toggle when event occurs
  • togg-prop: property to toggle when event occurs
  • togg-state: force state true or false from event target
  • togg-trigger additional events to trigger when event occurs
  • togg-method: jQuery method to invoke when event occurs

Setup

npm

npm install togg --save

Declare dependency on your app

angular.module('yourApp', ['togg'])

Related

Also available as a Vue directive