InputLabel

The content of a table component.

Figma componentStorybook documentation

Input label

Link

Error message

React

<InputLabel
  htmlFor="id"
  label="Input label"
  hint="Link"
  error="Error message"
/>

CSS

<label class="input_label">Input label</label>
<p class="input_hint">Link</p>
<p class="input_error">Error message</p>

Props

IsLegend

Add this prop when the component is used in a fieldset, for example on the Checkboxes or RadioButtons components.

Input label

Link

Error message

React

<InputLabel
  isLegend
  label="Input label"
  hint="Link"
  error="Error message"
/>

CSS

<legend class="input_label">Input label</legend>
<p class="input_hint">Link</p>
<p class="input_error">Error message</p>