API reference
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
description | description | A description for the component. Displays below the label text. | string | |
disabled | disabled | When true , interaction is prevented and the component is displayed with lower opacity. | boolean | false |
heading | heading | Specifies heading text for the component. | string | |
iconEnd | icon-end | Specifies an icon to display at the end of the component. | string | |
iconFlipRtl | icon-flip-rtl | Displays the iconStart and/or iconEnd as flipped when the element direction is right-to-left ("rtl" ). | "both" | "end" | "start" | |
iconStart | icon-start | Specifies an icon to display at the start of the component. | string | |
label | label | Accessible name for the component. | string | |
value | value | The component's value. | string |
Slots
Name | Description |
---|---|
content-end | A slot for adding non-actionable elements after content of the component. |
content-start | A slot for adding non-actionable elements before content of the component. |
Styles
Name | Description |
---|---|
--calcite-autocomplete-background-color | Specifies the background color of the component. |
--calcite-autocomplete-description-text-color | Specifies the text color of the component's description. |
--calcite-autocomplete-heading-text-color | Specifies the text color of the component's heading. |
--calcite-autocomplete-text-color | Specifies the text color of the component. |
Methods
Name | Description | Signature |
---|---|---|
componentOnReady | Create a promise that resolves once component is fully loaded. | componentOnReady(): Promise<void> |