Forms

Basic example

Submit
<form>
  <mui-textfield type="text" placeholder="Placeholder 1"></mui-textfield>
  <mui-textfield type="text" placeholder="Placeholder 2"></mui-textfield>
  <mui-btn style="raised">Submit</mui-btn>
</form>
View in new tab »

Fixed labels

Submit
<form>
  <mui-textfield type="text" label="Input 1"></mui-textfield>
  <mui-textfield type="text" label="Input 2"></mui-textfield>
  <mui-textfield type="textarea" label="Textarea"></mui-textfield>
  <mui-btn style="raised">Submit</mui-btn>
</form>
View in new tab »

Floating labels

Submit
<form>
  <mui-textfield type="text" label="Email address" floating></mui-textfield>
  <mui-textfield type="text" value="Value on load" label="Label" floating></mui-textfield>
  <mui-textfield type="textarea" value="Value on load" label="Textarea" floating></mui-textfield>
  <mui-btn style="raised">Submit</mui-btn>
</form>
View in new tab »
« Previous Next »