@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
49 lines (47 loc) • 1.66 kB
TypeScript
/// <reference types="../../index.d.ts" />
import { PropertyValues } from 'lit';
import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
import { InteractiveComponent } from '../../utils/interactive';
import { Scale, SelectionMode } from '../interfaces';
import { Chip } from '../calcite-chip/customElement.js';
/** @slot - A slot for adding one or more `calcite-chip`s. */
export declare class ChipGroup extends LitElement {
/**
* When `true`, interaction is prevented and the component is displayed with lower opacity.
*
* @default false
*/
disabled: boolean;
/**
* Accessible name for the component.
*
* @required
*/
label: string;
/**
* Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
*
* @default "m"
*/
scale: Scale;
/** Specifies the component's selected items. */
readonly selectedItems: HTMLCalciteChipElement[];
/**
* Specifies the selection mode of the component, where:
*
* `"multiple"` allows any number of selections,
*
* `"single"` allows only one selection,
*
* `"single-persist"` allows one selection and prevents de-selection, and
*
* `"none"` does not allow any selections.
*
* @default "none"
*/
selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
/** Sets focus on the component's first focusable element. */
setFocus(): Promise<void>;
/** Fires when the component's selection changes. */
readonly calciteChipGroupSelect: TargetedEvent<this, void>;
}