Label
What a control is called, with what goes with the name: a required marker, "(optional)", an info tooltip and a description. Specification: docs/components/label.md.
The labels on this page are shown on their own; each one points at a hidden input. The required marker comes from that input's native required: you never write it.
Parts
Description
Description
Description
Size
data-size on the label or any container; in a field, the label follows the field's size.
sm
Description
Description
md
Description
Description
lg
Description
Description
theme decides
Description
Description
Info tooltip
Shown open here. The info button opens a Tooltip; data-placement="block-end inline-end" puts it below, aligned to the end. Hover or focus any other info button on this page to try it.
Edge cases
Long labels
Long labels wrap. The required marker follows the last word, "(optional)" ends the last line, and the info button stays on the first.
Use a shared mailbox rather than a personal one so nothing is lost when people change roles.
Right-to-left
استخدم عنوان شركتك.