| 1 | import * as i0 from "@angular/core";
|
| 2 | /**
|
| 3 | *
|
| 4 | * Flip card example:
|
| 5 | * @stacked-example(Showcase, flip-card/flip-card-showcase.component)
|
| 6 | *
|
| 7 | * As a content Flip card accepts two instances of `nb-card` - for front and back sides.
|
| 8 | *
|
| 9 | * Basic flip card configuration:
|
| 10 | *
|
| 11 | * ```html
|
| 12 | * <nb-flip-card>
|
| 13 | * <nb-card-front>
|
| 14 | * <nb-card>
|
| 15 | * <nb-card-body>
|
| 16 | * Front
|
| 17 | * </nb-card-body>
|
| 18 | * </nb-card>
|
| 19 | * </nb-card-front>
|
| 20 | * <nb-card-back>
|
| 21 | * <nb-card>
|
| 22 | * <nb-card-body>
|
| 23 | * Back
|
| 24 | * </nb-card-body>
|
| 25 | * </nb-card>
|
| 26 | * </nb-card-back>
|
| 27 | * </nb-flip-card>
|
| 28 | * ```
|
| 29 | *
|
| 30 | * ### Installation
|
| 31 | *
|
| 32 | * Import `NbCardModule` to your feature module.
|
| 33 | * ```ts
|
| 34 | * @NgModule({
|
| 35 | * imports: [
|
| 36 | * // ...
|
| 37 | * NbCardModule,
|
| 38 | * ],
|
| 39 | * })
|
| 40 | * export class PageModule { }
|
| 41 | * ```
|
| 42 | * ### Usage
|
| 43 | *
|
| 44 | * Flip Card with header and footer:
|
| 45 | * @stacked-example(With Header & Footer, flip-card/flip-card-full.component.ts)
|
| 46 | *
|
| 47 | * Colored flip-cards could be simply configured by providing a `status` property:
|
| 48 | * @stacked-example(Colored Card, flip-card/flip-card-colors.component)
|
| 49 | *
|
| 50 | * It is also possible to assign an `accent` property for a slight card highlight
|
| 51 | * as well as combine it with `status`:
|
| 52 | * @stacked-example(Accent Card, flip-card/flip-card-accents.component)
|
| 53 | *
|
| 54 | * @additional-example(Multiple Sizes, flip-card/flip-card-sizes.component)
|
| 55 | *
|
| 56 | */
|
| 57 | export declare class NbFlipCardComponent {
|
| 58 | /**
|
| 59 | * Flip state
|
| 60 | * @type boolean
|
| 61 | */
|
| 62 | flipped: boolean;
|
| 63 | /**
|
| 64 | * Show/hide toggle button to be able to control toggle from your code
|
| 65 | * @type {boolean}
|
| 66 | */
|
| 67 | showToggleButton: boolean;
|
| 68 | toggle(): void;
|
| 69 | static ɵfac: i0.ɵɵFactoryDeclaration<NbFlipCardComponent, never>;
|
| 70 | static ɵcmp: i0.ɵɵComponentDeclaration<NbFlipCardComponent, "nb-flip-card", never, { "flipped": { "alias": "flipped"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; }, {}, never, ["nb-card-front", "nb-card-back"], false, never>;
|
| 71 | }
|