--- id: 'Label group' beta: true section: components cssPrefix: pf-c-label-group ---## Examples ### Basic ```html
``` ### Overflow ```html
``` ### Overflow expanded ```html
``` ### Category ```html
``` ### Category removable ```html
``` ### Vertical ```html
``` ### Vertical overflow ```html
``` ### Vertical overflow expanded ```html
``` ### Vertical category ```html
``` ### Vertical category removable ```html
``` In addition to the JavaScript management of [editable labels](/components/label#editable), dynamic label groups also need: - `.pf-c-label-group.pf-m-editable` onClick event should (excluding labels within) set focus on `.pf-c-label-group__textarea` ### Editable labels, dynamic label group ```html
``` ### Editable labels, label active, dynamic label group ```html
``` ### Static labels, dynamic label group ```html
``` ### Mixed labels (static / editable), dynamic label group ```html
``` ### Compact labels ```html
``` ### Compact labels, overflow ```html
``` ### Compact labels, vertical ```html
``` ## Documentation ### Accessibility | Attribute | Applied to | Outcome | | ---------------------------------------------------------------------------------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `role="list"` | `.pf-c-label-group__list` | Indicates that the label group list is a list element. This role is redundant since `.pf-c-label-group__list` is a `