Destination Badge Group

Destination badge group is used to display multiple destination badges and collapse them to a single line, if necessary.

#Example

#Usage

#Truncate badges

DestinationBadgeGroup truncates badges by default and renders them in one line. Badges that didn't fit can be viewed by clicking the "+1" button at the end of the badge group.

#Don't truncate badges

When badge group is not constrained by the parent container and has the ability to show all badges without truncation, pass truncate={false} to disable it.

#Guidelines

#When to use

• Only use this component for displaying groups of destination badges.

#Props

Inherits margin props.

Name	Default	Description
truncate	true	boolean Display as much destination badges as possible on a single row and show the rest in a popover.
children	—	ReactNode Destination badges.