Skip to main content

SegmentSelector

    Use the SegmentSelector to integrate segments as reusable filters in your app. Learn more about segments in the Segments documentation.

    Experimental

    The SegmentSelector is still experimental. Be aware that the API is subject to change.

    OverviewPropertiesUsage

    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