LabelGroup

Table of contents

Default example
System props
Component props

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

Default example

Default labelLabel with red backgroundDefault outline label

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

<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