Label

Labels are styled automatically on <label> elements. Use .nano-label--required to show a red asterisk.

Default (native element)

Name

<label for="name">Name</label>

<label class="nano-label nano-label--required">Email</label>

Username

<div class="nano-field">
  <label for="username">Username</label>
  <input id="username" type="text" placeholder="Enter username">
</div>