Textfield Demo | <uif-textfield>

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

Basic usage

This markup:
<uif-textfield uif-label="This is the label" ng-model="textValue" uif-description="This is the description" />

Renders this:

textValue: {{textValue}}

Underlined

This markup:
<uif-textfield uif-label="This is the label" uif-underlined />

Renders this:

Basic multiline usage

This markup:
<uif-textfield uif-label="This is the label" uif-description="This is the description" uif-multiline="true" />

Renders this:

Required

This markup:
<uif-textfield uif-label="This is the label" required />

Renders this:

ng-Disabled

This markup:
<uif-textfield uif-label="This is the label" ng-disabled="disabled"/>

Renders this:

Disabled

Disabled

This markup:
<uif-textfield uif-label="This is the label" disabled />

Renders this:

Placeholder

This markup:
<uif-textfield placeholder="This is the placeholder" />

Renders this:

Password

This markup:
<uif-textfield uif-label="This is the label" uif-type="password" />

Renders this:

Dynamically change type

This markup:
<uif-textfield uif-label="This is the label" uif-type="{{fieldType}}" />


Renders this: