BaseTrigger

Basic trigger-button for all dropdowns.

import { BaseTrigger } from '@semcore/ui/base-trigger';

BaseTriggerProps

& & & {...}

Name	Type	Description
size	"m" | "l"	Trigger size
state	"normal" | "valid" | "invalid"	Trigger state
active	boolean	Sets active state to trigger
empty	boolean	Responsible for placeholder displaying
placeholder	React.ReactNode	Placeholder text
disabled	boolean	Sets disabled state to trigger
theme	"normal" | "valid" | "invalid" | false	Deprecated Trigger theme

ButtonTrigger

Button-trigger with the ChevronDownM icon.

import { ButtonTrigger } from '@semcore/ui/base-trigger';

ButtonTriggerProps

& {...}

Name	Type	Description
loading	boolean	Sets the loading state
chevron	boolean	Display the dropdowns chevron icon

LinkTrigger

This trigger looks like a link with the ChevronDownM icon.

import { LinkTrigger } from '@semcore/ui/base-trigger';

LinkTriggerProps

& {...}

Name	Type	Description
loading	boolean	Sets the loading state
color	string	Text color

FilterTrigger

Trigger for filters.

import { FilterTrigger } from '@semcore/ui/base-trigger';

FilterTriggerProps

& {...}

Name	Type	Description
onClear	(event: React.SyntheticEvent) => void	Click on the filter cleaning cross
locale	string	Specifies the locale for i18n support
includeInputProps	string[]	List of props that will be added to the select inside of filter
triggerRef	React.Ref<>	Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button