@blueprintjs/core
Version:
Core styles & components
18 lines (11 loc) • 825 B
Markdown
@# Form groups
Form groups support more complex form controls than [simple labels](#core/components/forms/label.simple-labels),
such as [control groups](#core/components/forms/control-group) or [`NumericInput`](#core/components/forms/numeric-input).
They also support additional helper text to aid with user navigation.
- Link each label to its respective control element with a `for={#id}` attribute on the `<label>` and
`id={#id}` on the control.
- Add `.pt-intent-*` or `.pt-disabled` to `.pt-form-group` to style the label and helper text.
Similar to labels, nested controls need to be styled separately.
- Add `.pt-inline` to `.pt-form-group` to place the label to the left of the control.
- Add `.pt-large` to `.pt-form-group` to align the label when used with large inline Blueprint controls.
@css pt-form-group