aurelia-materialize-bridge/src/input/input.html

Aurelia interface to http://materializecss.com/

<template>
	<require from="./input.css"></require>
	<div class="input-field ${inline ? 'inline' : ''}" ref="inputField">
		<slot></slot>
		<input if.bind="!textArea" ref="input" id="${controlId}" type.bind="type" min.bind="min" max.bind="max"
		 maxlength.bind="maxlength" name.bind="name" step.bind="step" value.bind="value" readonly.bind="readonly" disabled.bind="disabled"
		 blur.trigger="blur()" focus.trigger="focus()" />
		<textarea if.bind="textArea" ref="input" id="${controlId}" value.bind="value" class="materialize-textarea" readonly.bind="readonly"
		 disabled.bind="disabled" maxlength.bind="maxlength" blur.trigger="blur()" focus.trigger="focus()"></textarea>
		<label for="${controlId}" ref="labelEl">${label}</label>
		<span if.bind="validateSuccess || validateError" class="helper-text" data-success.bind="validateSuccess" data-error.bind="validateError"></span>
	</div>
</template>