BaseTrigger
BaseTrigger
Basic trigger-button for all dropdowns.
js
import { BaseTrigger } from 'intergalactic/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 |
chevron | boolean | Display the dropdowns chevron icon |
disabled | boolean | Sets disabled state to trigger |
theme | "normal" | "valid" | "invalid" | false | Trigger theme |
ButtonTrigger
Button-trigger with the ChevronDownM
icon.
js
import { ButtonTrigger } from 'intergalactic/base-trigger';
ButtonTriggerProps
& {...}Name | Type | Description |
---|---|---|
loading | boolean | Sets the loading state |
LinkTrigger
This trigger looks like a link with the ChevronDownM
icon.
js
import { LinkTrigger } from 'intergalactic/base-trigger';
LinkTriggerProps
& {...}Name | Type | Description |
---|---|---|
loading | boolean | Sets the loading state |
color | string | Text color |
FilterTrigger
Trigger for filters.
js
import { FilterTrigger } from 'intergalactic/base-trigger';
FilterTriggerProps
& {...}Name | Type | Description |
---|---|---|
onClear | (event: React.SyntheticEvent) => void | Click on the filter cleaning cross |
locale | string | |
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 |