Tronic247 Material

Textfields

Edit this page

Filled Textfield

<label class="textfield filled">
    <input placeholder=" ">
    <span>Textfield</span>
</label>

Outlined Textfield

<label class="textfield outlined">
    <input placeholder=" ">
    <span>Textfield</span>
</label>

Border Bottom Textfield

<label class="textfield border-bottom">
    <input placeholder=" ">
    <span>Textfield</span>
</label>

Disabled Textfield

<label class="textfield filled">
    <input placeholder=" " disabled>
    <span>Textfield</span>
</label>

Textarea

<label class="textfield border-bottom">
    <input placeholder=" ">
    <span>Textfield</span>
</label>

Error state

<label class="textfield filled error">
    <input placeholder=" ">
    <span>Textfield</span>
</label>