gov-control-group
Overview
Groups related form controls into a single bordered strip.
All props can be set either as an HTML attribute (<gov-control-group no-border="true">) or as a JS property (el.noBorder = true, or a framework binding such as Angular [noBorder] / Vue :no-border). Both have exactly the same effect: the props are reflected to the host attributes that the component's styling keys off, so whichever way a value is set it ends up on the host.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
color | color | Style variation of the content message. | "error" | "neutral" | "primary" | Colors.NEUTRAL |
fitContent | fit-content | Shrinks the group to the width of its content instead of filling the available width | boolean | false |
noBorder | no-border | Removes the outer border of the whole group | boolean | false |
noInnerBorder | no-inner-border | Hides the dividing borders between the grouped elements, keeping the outer border | boolean | false |
Built with StencilJS