Legend

.legend is for html legend element.

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

React component <Legend/> is available.
It inherits the error property from a Fieldset component and automatically applies the error style.

※ The disabled state is automatically inherited through the native HTML feature.