Skip to main content

SegmentSelector

Use the SegmentSelector as a top-level filter to narrow data by segment, setting the scope for any additional filters applied alongside it.

OverviewPropertiesUsageAccessibilityChangelog3.14.0

Changes to SegmentSelector. The full components changelog also lists package-wide and cross-cutting entries.

3.14.0​

Updates​

  • The trigger's chevron icon now rotates to point up while the overlay is open and back down when it closes, matching the expand/collapse affordance of other selectors such as the TimeframeSelector. (PAPA-36178)

3.11.3​

Updates​

  • Fixed inline error not being associated with both select triggers via aria-describedby when a segment is missing required variables. (APPDEV-19001)
  • You can now listen for onFocus and onBlur events at the whole-component boundary. onBlur is not emitted when focus moves between the trigger and the overlay. (APPDEV-17914)
  • Pin, unpin, and remove buttons for segment presets now have a unique accessible name that includes the preset's name, so screen reader users can tell them apart. (APPDEV-19193)

3.11.0​

Updates​

  • Segment definitions are now refreshed in the background when the overlay is opened, ensuring variable query freshness after cross-tab changes. (APPDEV-16585)
  • Segment presets that contain unavailable segments now show a "Remove" button instead of the pin/unpin button, allowing you to clean up broken presets. (APPDEV-18342)
  • Now gives users better guidance in case of unavailable variables. (APPDEV-15882)

3.10.0​

Updates​

  • Resolved an issue in the tooltip handler that could cause a React update loop when a segment was selected. (APPDEV-18786)

3.9.0​

Updates​

  • Validates variable names against the defined includes filters.
  • Fixed validation error being shown too early when selecting a segment with variables. (APPDEV-17459)
  • Increased the maximum number of result records from 10,000 to 15,000. (APPDEV-18655)

3.8.2​

Updates​

  • Increased the maximum number of result records from 10,000 to 15,000. (APPDEV-18655)

3.8.0​

Updates​

Filters​

  • You can now use the onValidityChange prop on FilterField, SegmentSelector, and TimeframeSelector to react to validation state changes. (APPDEV-17939)
  • Improved tracking of segment variable usage. (PAPA-34118)

3.7.2​

Updates​

  • Increased the maximum number of result records from 10,000 to 15,000. (APPDEV-18655)

3.7.0​

Updates​

  • Removed the 320 px width cap on the empty state so Manage segments and Learn more about segments no longer truncate. (PAPA-33581)

3.6.1​

Updates​

  • Increased the maximum number of result records from 10,000 to 15,000. (APPDEV-18655)

3.6.0​

Updates​

  • The "Manage segments" button now opens the Segments management page in a new browser tab instead of a modal overlay. (PAPA-33167)
  • Now safeguards possible empty strings more thoroughly. (APPDEV-16653)

3.5.3​

Updates​

  • Increased the maximum number of result records from 10,000 to 15,000. (APPDEV-18655)

3.4.0​

Updates​

General​

  • Behavior tracking attributes are now supported in all button components, including Button, IntentButton, NotifyButton, and RunQueryButton. (APPDEV-16876)
  • The text and icon color tokens for the success on accent button are now correct. (APPDEV-17388)
  • Behavior tracking attributes are now supported in all form components, including Calendar, Checkbox, DateTimePicker, DateTimeRangePicker, FieldSet, FormField, Label, NumberInput, NumberInputV2, PasswordInput, Radio, SearchInput, Select, Switch, TextArea, TextInput, and ToggleButtonGroup. (APPDEV-16882)
  • Behavior tracking attributes are now supported in FilterBar, FilterField, SegmentSelector, and TimeframeSelector. FilterField.Suggestions and TimeframeSelector.Presets now also support behavior tracking attributes. (APPDEV-16881)
  • Added feature flag and css overrides for design tokens for visual refresh. (APPDEV-17223)

3.3.0​

Updates​

  • Added data-dt-properties attribute to the 'Pin' and 'Unpin' buttons, and the 'Show more' and 'Show less' buttons.

3.2.0​

Updates​

  • data-dt-name attribute is now available on the following interactive elements: recent/pinned segments, clear all, apply, manage segments, pin/unpin, add segments, and remove segment buttons and "Learn more about segments" link. (APPDEV-16603)
  • The SegmentSelector doesn't close when deselecting a segment variable. (APPDEV-16678)

3.1.4​

Updates​

  • The SegmentSelector doesn't close when deselecting a segment variable. (APPDEV-16678)

3.1.0​

Updates​

  • Add default aria-label which is also shown in an empty compact SegmentSelector. (APPDEV-16433)
Still have questions?
Find answers in the Dynatrace Community