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
55 lines (54 loc) • 1.69 kB
TypeScript
import * as i0 from "@angular/core";
/**
* Interface for a breadcrumb item
*/
export interface BreadcrumbItem {
/**
* Display text for the breadcrumb item
*/
label: string;
/**
* Optional URL for external links (href attribute)
*/
href?: string;
/**
* Optional target attribute for external links
*/
target?: string;
/**
* Optional URL for internal navigation (routerLink)
*/
routerLink?: string | any[];
}
/**
* Type of divider to use between breadcrumb items.
*/
export type BreadcrumbsDividerType = 'dot' | 'slash' | 'chevron';
/**
* The Breadcrumbs component displays a navigation trail for users to follow back to the starting or entry point.
* It supports customizable dividers to fit different design needs.
*
* Usage:
* ```html
* <tgui-breadcrumbs
* [items]="[
* { label: 'Home', url: '/' },
* { label: 'Catalog', url: '/catalog' },
* { label: 'Product' }
* ]"
* divider="slash"
* ></tgui-breadcrumbs>
* ```
*/
export declare class BreadcrumbsComponent {
/**
* Array of breadcrumb items to display
*/
items: import("@angular/core").InputSignal<BreadcrumbItem[]>;
/**
* Type of divider to use between breadcrumb items.
*/
divider: import("@angular/core").InputSignal<BreadcrumbsDividerType>;
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "tgui-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}