import { ComponentInterface } from '../../stencil-public-runtime'; /** * @name Badge * @category Display * @summary Use for displaying counts, statuses, or indicators on other elements. */ export declare class Q2Badge implements ComponentInterface { hostElement: HTMLElement; /** The number of characters to show. A maximum limit of 18 characters is acceptable. */ maxLength: number | undefined; /** The size of the badge. */ size: 'default' | 'large' | undefined; /** The stoplight color of the element when `theme` is not present. */ status: 'info' | 'alert' | 'warning' | 'success' | undefined; /** * The color of the badge when in the active state. * The `theme` has higher priority than `status`. */ theme: 'primary' | 'secondary' | 'tertiary' | undefined; /** * What to display in the badge. Negative numbers will be shown as positive. * @info * `q2-badge` also has limited support for slotted HTML elements. * @localizable */ value: number | string; /** * Returns the text content of the badge. This accounts for the text in slotted elements or the Shadow DOM. * @testonly */ getTextContent(): Promise; get badgeClasses(): string; get badgeText(): string; get computedMaxLength(): number; get hasSlot(): boolean; renderEmptyBadge(): any; renderStandardBadge(): any; render(): any; }