The LabelGroup component is used to add commonly used margins and wrapping for groups of Labels.

Default example

<LabelGroup>
  <Label>Default label</Label>
  <Label bg='red.4'>Label with red background</Label>
  <Label outline>Default outline label</Label>
</LabelGroup>

System props

LabelGroup components get COMMON system props. Read our System Props doc page for a full list of available props.

Component props

LabelGroup does not get any additional props other than the COMMON system props.

Edit this page on GitHub

1 contributor

Last edited by emplums on October 7, 2019