@trimble-oss/moduswebcomponents/types/components/modus-wc-chip/modus-wc-chip.d.ts

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

import { EventEmitter } from '../../stencil-public-runtime';
import { ModusSize } from '../types';
/**
 * A customizable chip component used to display information in a compact area
 */
export declare class ModusWcChip {
    private inheritedAttributes;
    /** Reference to the host element. */
    el: HTMLElement;
    /** Active state of chip. */
    active?: boolean;
    /** Custom CSS class to apply to the inner div. */
    customClass?: string;
    /** Whether the chip is disabled. */
    disabled?: boolean;
    /** Whether the chip has an error. */
    hasError?: boolean;
    /** The label to display in the chip. */
    label?: string;
    /** Whether to show the close icon on right side of the chip. */
    showRemove?: boolean;
    /** The size of the chip. */
    size?: ModusSize;
    /** The variant of the chip. */
    variant?: 'filled' | 'outline';
    /** Event emitted when the chip is clicked or activated via keyboard. */
    chipClick: EventEmitter<MouseEvent | KeyboardEvent>;
    /** Event emitted when the close chip icon button is clicked. */
    chipRemove: EventEmitter<MouseEvent | KeyboardEvent>;
    componentWillLoad(): void;
    private handleKeyDown;
    private handleKeyUp;
    private handleChipClick;
    private handleChipRemove;
    private getClasses;
    render(): any;
}