Skip to main content

SegmentSelector

The SegmentSelector component

Experimental

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.

Examples of the default and compact SegmentSelector trigger variants. Examples of the default and compact SegmentSelector trigger variants.

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

Examples of the SegmentSelector in two different filter compositions. Examples of the SegmentSelector in two different filter compositions.

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.

Still have questions?
Find answers in the Dynatrace Community