SegmentSelector
The SegmentSelector
component
The SegmentSelector
is still experimental. Be aware that the API is subject to
change.
Variants
The SegmentSelector comes in two variants that control the amount of information shown in the trigger.
Default
Use the default variant if the trigger has enough space to grow without breaking the layout. It provides context if one segment is selected and keeps a consistent width if multiple segments are selected.
Compact
Use the compact variant if the trigger needs to keep a predictable width and limited space is available.
Where to position
If the SegmentSelector is part of a larger filter composition, for example, combined with a FilterField or FilterBar, place it as the first element of this composition. This guides users to select a segment before applying the rest of the filters.
When to apply changes
With external apply button
If the SegmentSelector is part of a filter composition with a dedicated apply button, apply the changes when this button gets pressed.
Without external apply button
If the SegmentSelector is a standalone component or part of a filter composition without an apply button, apply the changes when the apply button in the SegmentSelector overlay gets pressed.