Skip to main content
/
/
/
Label

Label

Stand-alone input field label

Input component

Basic label

Labels are created with the .bf-label class. When creating inputs, always include a readable label, preferably through a visible, connected <label> element.

Required / optional

When inputs are required or optional, you can indicate this in the label by adding an inner element with the class .bf-label-required.

Read only

When inputs are read only, the associated label should have a "lock" icon.

Disabled

When inputs are disabled, the associated label should have the class .bf-label-disabled and a lock icon.