more_horiz
Collapsible
  • filter_dramaForm

    Checkboxs

    Pickers

    Select

    Text Input

    Table

  • placeSecond
    Lorem ipsum dolor sit amet.
  • whatshotThird
    Lorem ipsum dolor sit amet.
2

<p> <label> <input type="checkbox" class="filled-in" checked="checked" /> <span>Filled in</span> </label> </p>
access_time
<div class="input-field"> <i class="material-icons prefix">access_time</i> <input type="text" class="validate datepicker" placeholder="Datepicker"> <label>Datepicker</label> </div>
<div class="input-field"> <select> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <label>Materialize Select</label> </div>
fingerprint
<div class="input-field"> <i class="material-icons prefix">fingerprint</i> <input type="text" class="validate" placeholder="Input Text"> <label>Input Text</label> </div>
mode_edit
<div class="input-field"> <i class="material-icons prefix">mode_edit</i> <textarea id="textarea" class="materialize-textarea"></textarea> <label for="textarea">Textarea</label> </div>
File
<div class="file-field input-field"> <div class="btn"> <span>File</span> <input type="file"> </div> <div class="file-path-wrapper"> <input class="file-path validate" type="text" placeholder="File"> </div> </div>
Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
<table> <thead> <tr> <th>Name</th> <th>Item Name</th> <th>Item Price</th> </tr> </thead> <tbody> <tr> <td>Alvin</td> <td>Eclair</td> <td>$0.87</td> </tr> <tr> <td>Alan</td> <td>Jellybean</td> <td>$3.76</td> </tr> <tr> <td>Jonathan</td> <td>Lollipop</td> <td>$7.00</td> </tr> </tbody> </table>