tgui-angular
Version:
🚀 Angular UI library for Telegram Web Apps with modern components and theming support | 💼 Author is open to work opportunities | 📧 Contact: a.blagovestnov@gmail.com | 💬 Telegram: @ablagovestnov
28 lines (27 loc) • 1.49 kB
TypeScript
import * as i0 from "@angular/core";
export type BadgeType = 'number' | 'dot';
export type BadgeMode = 'primary' | 'critical' | 'secondary' | 'gray' | 'white';
/**
* Badge component displays a small numeric or dot indicator,
* typically used for notifications, statuses, or counters.
* Supports multiple visual modes for different contexts (e.g., critical, primary),
* and can be regular or large size.
*/
export declare class BadgeComponent {
/** Visual style of the badge: 'number' displays content, 'dot' shows a simple dot. */
type: import("@angular/core").InputSignal<BadgeType>;
/** Color scheme of the badge, affecting its background and text color. */
mode: import("@angular/core").InputSignal<BadgeMode>;
/** Increases the badge size. Applied only when type='number'. */
large: import("@angular/core").InputSignal<boolean>;
get isNumber(): boolean;
get isDot(): boolean;
get isPrimary(): boolean;
get isCritical(): boolean;
get isSecondary(): boolean;
get isGray(): boolean;
get isWhite(): boolean;
get isLarge(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "tgui-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "large": { "alias": "large"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}