ILabel

Field name in the form.

Examples

Required field label with inline display

const emailLabel: ILabel = {
  text: "Email Address",
  isRequired: true,
  error: false,
  title: "Enter your email address",
  htmlFor: "email-input",
  display: "flex"
}

Error state label with truncation and block display

const longFieldLabel: ILabel = {
  text: "Document Processing Configuration Settings",
  isRequired: false,
  error: true,
  truncate: true,
  title: "Configure document processing settings",
  htmlFor: "doc-settings",
  display: "block"
}

Properties

Property	Type	Description
text	string	Defines the element text
isRequired	boolean	Specifies whether the field to which the label is attached is required
error	boolean	Specifies whether the field to which the label is attached is incorrect
title	string	Defines the label title
truncate	boolean	Specifies whether the word wrapping is disabled
htmlFor	string	Defines the field ID to which the label is attached
display	string	Specifies whether the "display" property is set
className	string	Defines the CSS class for styling the component. Can be used to override or extend the default component styles.