carbon-components-angular/tiles/clickable-tile.component.d.ts

Next generation components

/**
 *
 * carbon-angular v0.0.0 | clickable-tile.component.d.ts
 *
 * Copyright 2014, 2025 IBM
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


import { EventEmitter } from "@angular/core";
import { Router } from "@angular/router";
import * as i0 from "@angular/core";
/**
 * Build application's clickable tiles using this component. Get started with importing the module:
 *
 * ```typescript
 * import { TilesModule } from 'carbon-components-angular';
 * ```
 *
 * ```html
 * <cds-clickable-tile>
 * 		tile content
 * </cds-clickable-tile>
 * ```
 */
export declare class ClickableTile {
    protected router: Router;
    /**
     * @deprecated since v5 - Use `cdsLayer` directive instead
     * Set to `"light"` to apply the light style
     */
    theme: "light" | "dark";
    /**
     * Sets the `href` attribute on the `cds-clickable-tile` element.
     */
    href: string;
    /**
     * Sets the `target` attribute on the `cds-clickable-tile` element.
     */
    target: string;
    /**
     * Sets the `rel` attribute on the `cds-clickable-tile` element.
     */
    rel: string;
    /**
     * Set to `true` to disable the clickable tile.
     */
    disabled: boolean;
    /**
     * Array of commands to send to the router when the link is activated
     * See: https://angular.io/api/router/Router#navigate
     */
    route: any[];
    /**
     * Router options. Used in conjunction with `route`
     * See: https://angular.io/api/router/Router#navigate
     */
    routeExtras: any;
    /**
     * Emits the navigation status promise when the link is activated
     */
    navigation: EventEmitter<Promise<boolean>>;
    constructor(router: Router);
    navigate(event: any): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ClickableTile, [{ optional: true; }]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ClickableTile, "cds-clickable-tile, ibm-clickable-tile", never, { "theme": "theme"; "href": "href"; "target": "target"; "rel": "rel"; "disabled": "disabled"; "route": "route"; "routeExtras": "routeExtras"; }, { "navigation": "navigation"; }, never, ["*"], false>;
}