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

SegmentSelectorProps

Signature:

export declare type SegmentSelectorProps = & & & & & <, > & { /** * Configures the style of the trigger. * @defaultValue 'default */ variant?: | ; /** Callback that is triggered when the open state of the SegmentSelector's overlay changes its open state. */ onOpenChange?: (isOpen: ) => ; };

SegmentSelector.CustomTrigger

SegmentSelectorCustomTriggerProps

Signature:

export declare type SegmentSelectorCustomTriggerProps = & & { /** Elements to be displayed in the CustomTrigger. */ children: | ((customTriggerProps: { displayValue: ; isLoading: ; }, props: ( & & (<<<>>> & )) | ) => ); };