Developer BaseTrigger
Basic trigger-button for all dropdowns.
js
import { BaseTrigger } from '@semcore/ui/base-trigger';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 | Trigger theme |
ButtonTrigger
Button-trigger with the ChevronDownM icon.
js
import { ButtonTrigger } from '@semcore/ui/base-trigger';import { ButtonTrigger } from '@semcore/ui/base-trigger';ButtonTriggerProps
Omit<"theme"> & {...}| Name | Type | Description |
|---|---|---|
| loading | boolean | Sets the loading state |
LinkTrigger
This trigger looks like a link with the ChevronDownM icon.
js
import { LinkTrigger } from '@semcore/ui/base-trigger';import { LinkTrigger } from '@semcore/ui/base-trigger';LinkTriggerProps
Omit<"theme"> & {...}| Name | Type | Description |
|---|---|---|
| loading | boolean | Sets the loading state |
| color | string | Text color |
FilterTrigger
Trigger for filters.
js
import { FilterTrigger } from '@semcore/ui/base-trigger';import { FilterTrigger } from '@semcore/ui/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 |