Dropdown Group | Calcite Design System

Child component of Dropdown

API reference

Property Attribute Description Type Default

Property	Attribute	Description	Type	Default
groupTitle	group-title	When specified, displays a group title.	`string`
selectionMode	selection-mode	Specifies the selection mode of the component, where: `"multiple"` allows any number of selections, `"single"` allows only one selection, and `"none"` does not allow any selections.	`Extract<"none" \| "single" \| "multiple", SelectionMode>`	`"single"`

group-title

When specified, displays a group title.

string

selection-mode

Specifies the selection mode of the component, where:

"multiple" allows any number of selections,

"single" allows only one selection, and

"none" does not allow any selections.

Extract<"none" | "single" | "multiple", SelectionMode>

"single"

Name	Description
default (unnamed)	A slot for adding `calcite-dropdown-item`s.

Name	Description
--calcite-dropdown-group-border-color	Specifies the component's border color.
--calcite-dropdown-group-title-text-color	Specifies the component's `groupTitle` color.

Name	Description	Signature
componentOnReady	Creates a promise that resolves once the component is fully loaded.	`componentOnReady(): Promise<this>`