UNPKG

@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
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; }