@momsfriendlydevco/angular-ui-toggle

WebJar for @momsfriendlydevco/angular-ui-toggle

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.npm
ArtifactId	momsfriendlydevco__angular-ui-toggle
Last Version	1.0.4
Release Date	Sep 26, 2018
Type	jar
Description	@momsfriendlydevco/angular-ui-toggle WebJar for @momsfriendlydevco/angular-ui-toggle
Project URL	http://webjars.org
Source Code Management	https://github.com/adamgian/angular-ui-toggle

Download momsfriendlydevco__angular-ui-toggle

Filename	Size
momsfriendlydevco__angular-ui-toggle-1.0.4.pom
momsfriendlydevco__angular-ui-toggle-1.0.4.jar	15 KB
momsfriendlydevco__angular-ui-toggle-1.0.4-sources.jar	22 bytes
momsfriendlydevco__angular-ui-toggle-1.0.4-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/momsfriendlydevco__angular-ui-toggle/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>momsfriendlydevco__angular-ui-toggle</artifactId>
    <version>1.0.4</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/momsfriendlydevco__angular-ui-toggle/
implementation 'org.webjars.npm:momsfriendlydevco__angular-ui-toggle:1.0.4'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/momsfriendlydevco__angular-ui-toggle/
implementation ("org.webjars.npm:momsfriendlydevco__angular-ui-toggle:1.0.4")

Apache Buildr

'org.webjars.npm:momsfriendlydevco__angular-ui-toggle:jar:1.0.4'

Apache Ivy

<dependency org="org.webjars.npm" name="momsfriendlydevco__angular-ui-toggle" rev="1.0.4">
  <artifact name="momsfriendlydevco__angular-ui-toggle" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='momsfriendlydevco__angular-ui-toggle', version='1.0.4')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "momsfriendlydevco__angular-ui-toggle" % "1.0.4"

Leiningen

[org.webjars.npm/momsfriendlydevco__angular-ui-toggle "1.0.4"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.npm : angular	jar	[1.6.4,2)

Project Modules

There are no modules declared in this project.

Angular-UI-Toggle

An Apple iOS inspired toggle switch input control for Angular 1 applications. This angular directive is extremely lightweight, not requiring a ton of dependencies (only Angular). Options to easily adjust the styling are provided via Bootstrap-like classes.

A recreation of the toggle switch in iOS 7/8. Source: angular-ui-toggle screenshot

Installation

1. Grab the NPM

npm install --save @momsfriendlydevco/angular-ui-toggle

2. Install the required script + CSS somewhere in your build chain or include it in a HTML header:

<script src="/libs/angular-ui-toggle/dist/angular-ui-toggle.min.js"/>
<link href="/libs/angular-ui-toggle/dist/angular-ui-toggle.min.css" rel="stylesheet" type="text/css"/>

3. Include the module in your main angular.module() call:

var app = angular.module('app', ['uiToggle'])

4. Use somewhere in your template:

<ui-toggle ng-model="$ctrl.something"></ui-toggle>

A demo is also available. To use this follow the instructions in the demo directory.

API

Toggle styles

<!-- Success (green) -->
<ui-toggle class="toggle-success"></ui-toggle>

<!-- Primary (deep blue) -->
<ui-toggle class="toggle-primary"></ui-toggle>

<!-- Info (light blue) -->
<ui-toggle class="toggle-info"></ui-toggle>

<!-- Warning (orange) -->
<ui-toggle class="toggle-warning"></ui-toggle>

<!-- Danger (red) -->
<ui-toggle class="toggle-danger"></ui-toggle>

Toggle sizes

<!-- Extra small -->
<ui-toggle class="toggle-xs"></ui-toggle>

<!-- Small -->
<ui-toggle class="toggle-sm"></ui-toggle>

<!-- Large -->
<ui-toggle class="toggle-lg"></ui-toggle>

Directive Properties

Property	Type	Default	Description
ngModel	boolean		Model to bind to
class	string	""	Optional class style to apply
disabled	boolean	false	Whether to disable the toggle
ngDisabled	boolean	false	Alternate binding for disabled
ngChange	function		Function to call as ({value}) on value change

Versions

Version
1.0.4 Sep 26, 2018