@hashicorp/design-system-components/declarations/components/hds/dropdown/toggle/button.d.ts

Helios Design System Components

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
import Component from '@glimmer/component';
import type { ModifierLike } from '@glint/template';
import { HdsDropdownToggleButtonSizeValues, HdsDropdownToggleButtonColorValues } from './types.ts';
import type { HdsIconSignature } from '../../icon/index';
import type { HdsBadgeSignature } from '../../badge/index';
import type { HdsBadgeCountSignature } from '../../badge-count/index';
import type { HdsDropdownToggleButtonSizes, HdsDropdownToggleButtonColors } from './types.ts';
import type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index';
export declare const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;
export declare const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;
export declare const SIZES: HdsDropdownToggleButtonSizes[];
export declare const COLORS: HdsDropdownToggleButtonColors[];
export interface HdsDropdownToggleButtonSignature {
    Args: {
        badge?: HdsBadgeSignature['Args']['text'];
        badgeIcon?: HdsBadgeSignature['Args']['icon'];
        color?: HdsDropdownToggleButtonColors;
        count?: HdsBadgeCountSignature['Args']['text'];
        icon?: HdsIconSignature['Args']['name'];
        isFullWidth?: boolean;
        isOpen?: boolean;
        size?: HdsDropdownToggleButtonSizes;
        text: string;
        setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;
    };
    Element: HTMLButtonElement;
}
export default class HdsDropdownToggleButton extends Component<HdsDropdownToggleButtonSignature> {
    private _toggleButtonId;
    get text(): string;
    get size(): HdsDropdownToggleButtonSizes;
    get color(): HdsDropdownToggleButtonColors;
    get isFullWidth(): boolean;
    get badgeType(): HdsBadgeCountSignature['Args']['type'];
    get classNames(): string;
}