reduced widget demo set
parent
11755b86da
commit
eef1c3103d
|
@ -207,31 +207,18 @@ categories:
|
|||
- snippet_group:
|
||||
- caption: Text
|
||||
file: textfield-text.html
|
||||
- caption: Number only
|
||||
file: textfield-number.html
|
||||
- caption: Disabled
|
||||
file: textfield-disabled.html
|
||||
- caption: Numberic
|
||||
file: textfield-numeric.html
|
||||
- snippet_group:
|
||||
- caption: Floating text
|
||||
file: textfield-floating-text.html
|
||||
- caption: Floating numbers
|
||||
file: textfield-floating-numbers.html
|
||||
- caption: Floating multiple lines
|
||||
file: textfield-floating-multiline.html
|
||||
- caption: Floating numeric
|
||||
file: textfield-floating-numeric.html
|
||||
- snippet_group:
|
||||
- caption: Three rows high
|
||||
file: textfield-three-rows.html
|
||||
- caption: Multiple expanding
|
||||
file: textfield-multi-expand.html
|
||||
- caption: At most 3 lines high
|
||||
file: textfield-limit-lines.html
|
||||
- snippet_group:
|
||||
- caption: Simple
|
||||
file: textfield-simple.html
|
||||
- caption: Floating label
|
||||
file: textfield-floating-label.html
|
||||
- caption: Right aligned
|
||||
file: textfield-right-aligned.html
|
||||
- caption: Multiple line
|
||||
file: textfield-multi-line.html
|
||||
- caption: Expanding
|
||||
file: textfield-expanding.html
|
||||
- name: tooltips
|
||||
title: Tooltips
|
||||
description: Useful information on hover.
|
||||
|
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Disabled Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" disabled id="sample3" />
|
||||
<label class="mdl-textfield__label" for="sample3">I'm Disabled</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Simple Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" id="sample1" />
|
||||
<label class="mdl-textfield__label" for="sample1">Type Something...</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Floating Multiline Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<textarea class="mdl-textfield__input" type="text" rows= "1" id="sample6" ></textarea>
|
||||
<label class="mdl-textfield__label" for="sample6">Type multiple lines here...</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,8 +1,8 @@
|
|||
<!-- Floating Numbers Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="sample5" />
|
||||
<label class="mdl-textfield__label" for="sample5">Numbers Only</label>
|
||||
<input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="sample4" />
|
||||
<label class="mdl-textfield__label" for="sample4">Numbers Only</label>
|
||||
<span class="mdl-textfield__error">Input is not a number!</span>
|
||||
</div>
|
||||
</form>
|
|
@ -1,8 +1,8 @@
|
|||
<!-- Floating Textfield -->
|
||||
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" id="sample4" />
|
||||
<label class="mdl-textfield__label" for="sample4">Text Input</label>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3" />
|
||||
<label class="mdl-textfield__label" for="sample3">Text Input</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Simple Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" id="sample1" />
|
||||
<label class="mdl-textfield__label" for="sample1">Type Something...</label>
|
||||
</div>
|
||||
</form>
|
|
@ -0,0 +1,7 @@
|
|||
<!-- Floating Multiline Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<textarea class="mdl-textfield__input" type="text" rows= "3" id="sample5" ></textarea>
|
||||
<label class="mdl-textfield__label" for="sample5">Type multiple lines here...</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,4 +1,4 @@
|
|||
<!-- Number Textfield -->
|
||||
<!-- Numeric Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="sample2" />
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Simple Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" id="sample1" />
|
||||
<label class="mdl-textfield__label" for="sample1">Type Something...</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Simple Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<input class="mdl-textfield__input" type="text" id="sample1" />
|
||||
<label class="mdl-textfield__label" for="sample1">Type Something...</label>
|
||||
</div>
|
||||
</form>
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Floating Three Row Textfield -->
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield">
|
||||
<textarea class="mdl-textfield__input" type="text" rows="3" id="sample7" ></textarea>
|
||||
<label class="mdl-textfield__label" for="sample7">This input is 3 rows high</label>
|
||||
</div>
|
||||
</form>
|
Loading…
Reference in New Issue