Legend

.legend styles HTML <legend> elements.

Applicable Elements

• legend

Usage

<fieldset class="fieldset">
  <legend class="legend">Seat</legend>
  <label class="label"><input type="radio" name="seat" value="counter" class="radio" checked />Counter</label>
  <label class="label"><input type="radio" name="seat" value="table" class="radio" />Table</label>  
</fieldset>

States

<fieldset class="fieldset">
  <legend class="legend error">Name</legend>
  <label class="label error">Sei <input class="input error" value="Hasegawa" /></label>
  <label class="label error">Mei <input class="input error" value="Yuto" /></label>  
</fieldset>

React component Advanced

<Legend/> renders a single <legend class="legend" /> element.

It inherits the error property from a Fieldset component and automatically applies the error style.