@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
52 lines (51 loc) • 1.61 kB
TypeScript
import { TemplateRef, EventEmitter } from '@angular/core';
import { SheetService } from './sheet.service';
/**
* Sheets are overlays that prevent users from interacting with the rest of the application until a specific action is taken. They can be disruptive because they require users to take an action before they can continue interacting with the rest of the application.
* It should be used thoughtfully and sparingly.
*/
export declare class SheetDirective {
protected sheetService: SheetService;
constructor(sheetService: SheetService);
/**
* Set to `true` to show a close button on the top right corner. Defaults to `false`.
*/
closeButton: boolean;
/**
* Sets the sheet title.
*/
title: string | TemplateRef<any>;
/**
* Sets the body of the sheet.
*/
body: string | TemplateRef<any>;
/**
* Sets to `false` to stop the sheet from closing when the user clicks on the backdrop. Defaults to `true`.
*/
closeOnBackdropClick: boolean;
/**
* Callback when the sheet closes.
*/
close: EventEmitter<any>;
/**
* Sets the sheet secondary action button label.
*/
secondaryActionLabel: string;
/**
* Callback when the secondary action is triggered.
*/
secondaryAction: EventEmitter<any>;
/**
* Sets the sheet primary action button label.
*/
primaryActionLabel: string;
/**
* Callback when the primary action is triggered.
*/
primaryAction: EventEmitter<any>;
onClick(): void;
/**
* Opens the sheet.
*/
private openSheet;
}