Toggle Demo | <uif-toggle>

In order for this demo to work you must first build the library in debug mode.

Default Toggle

This markup:
<uif-toggle uif-label-off="Label off" uif-label-on="Label on" ng-model="toggled"/>

Renders this:

Toggled: {{toggled}}

Default Toogle with text location left

This markup:
<uif-label>Toggle Control</uif-label>
<uif-toggle uif-label-off="Label off" uif-label-on="Label on" uif-text-location="left"/>

Renders this:
Toggle Control

Toggle with transcluded label

This markup:
<uif-toggle uif-label-off="No" uif-label-on="Yes" ng-model="toggled">Toggle this, or not</uif-toggle>

Renders this:
Toggle this, or not

Disabled Toggle

This markup:
<uif-toggle uif-label-off="Label off" uif-label-on="Label on" ng-disabled="disabled"/>

Renders this:

Disabled