@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
90 lines (89 loc) • 3.35 kB
TypeScript
import * as i0 from "@angular/core";
/**
* Sixbell Telco Sonner Toaster Component
*
* A wrapper around ngx-sonner-toaster that provides Tailwind CSS styling and semantic color variants.
* This component proxies the ngx-sonner-toaster functionality while applying the SDK's design system.
*
* @example
* ```html
* <st-sonner-toaster
* [theme]="'light'"
* [position]="'bottom-right'"
* [richColors]="true"
* />
* ```
*/
export declare class SonnerToasterComponent {
/**
* Direction for the toasts
* @defaultValue 'ltr'
*/
dir: import("@angular/core").InputSignal<"ltr" | "rtl">;
/**
* Whether to use rich colors for semantic toasts
* @defaultValue true
*/
richColors: import("@angular/core").InputSignal<boolean>;
/**
* Whether to expand the toast on hover
* @defaultValue false
*/
expand: import("@angular/core").InputSignal<boolean>;
/**
* Maximum number of visible toasts
* @defaultValue 3
*/
visibleToasts: import("@angular/core").InputSignal<number>;
/**
* Position of the toasts
* @defaultValue 'bottom-right'
*/
position: import("@angular/core").InputSignal<"top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center">;
/**
* Offset from the edge of the screen
* @defaultValue '16px'
*/
offset: import("@angular/core").InputSignal<string>;
/**
* Whether to show close button
* @defaultValue false
*/
closeButton: import("@angular/core").InputSignal<boolean>;
/**
* Duration for the toast in milliseconds
* @defaultValue 4000
*/
duration: import("@angular/core").InputSignal<number>;
/**
* Default toast options with semantic styling
*/
toastOptions: import("@angular/core").Signal<{
unstyled: boolean;
classes: {
success: string;
error: string;
warning: string;
info: string;
toast: string;
title: string;
description: string;
actionButton: string;
cancelButton: string;
closeButton: string;
} | {
success?: undefined;
error?: undefined;
warning?: undefined;
info?: undefined;
toast: string;
title: string;
description: string;
actionButton: string;
cancelButton: string;
closeButton: string;
};
}>;
static ɵfac: i0.ɵɵFactoryDeclaration<SonnerToasterComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SonnerToasterComponent, "st-sonner-toaster", never, { "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "richColors": { "alias": "richColors"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; "visibleToasts": { "alias": "visibleToasts"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}