SegmentSelector
Use the SegmentSelector as a top-level filter to narrow data by segment,
setting the scope for any additional filters applied alongside it.
SegmentSelectorProps
Signature:
export declare type SegmentSelectorProps = & & & & & & <<(...args: []) => , >, | | | > & {
/**
* Internal: associates this control with a `_Form` rendered outside its
* React subtree via the native `form` attribute. Unstable.
* @internal
*/
_form?: ;
/**
* Internal: routes this control's native/Strato validation messages to the
* field outlet (default), the enclosing form's outlet, or both. Unstable.
* @internal
*/
_messageTarget?: | [];
/**
* 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: ) => ;
};useSegments
useSegments
Signature:
export declare const useSegments: () => {
segments: FilterSegment[];
addSegment: (segment: FilterSegment) => Promise<false | >;
removeSegment: (id?: | ) => ;
removeAllSegments: () => ;
setSegments: (segments: FilterSegment[], force?: ) => Promise<>;
};SegmentSelector.CustomTrigger
SegmentSelectorCustomTriggerProps
Signature:
export declare type SegmentSelectorCustomTriggerProps = & & & {
/** Elements to be displayed in the CustomTrigger. */
children: | ((customTriggerProps: {
displayValue: ;
isLoading: ;
}, props: ( & & (<<<>>> & )) | ) => );
};