@edugouvfr/ngx-dsfr
Version:
NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).
63 lines (62 loc) • 2.73 kB
TypeScript
import { ElementRef, EventEmitter } from '@angular/core';
import { DsfrHeadingLevel } from '../../shared';
import { DsfrNoticeType } from './notice.model';
import * as i0 from "@angular/core";
export declare class DsfrNoticeComponent {
private hostElement;
/**
* Le message qui sera affiché dans le bandeau.
* Renseigner le titre via l'input est prioritaire sur le slot.
*/
heading: string;
/**
* Le niveau du titre, `<span>` par défaut.
*/
headingLevel: DsfrHeadingLevel;
/**
* Permet d'afficher le bouton servant à fermer le bandeau d'information.<br>
* La valeur 'controlled' permet d'afficher le bouton de fermeture, mais c'est vous qui devez contrôler l'action de
* fermeture du bandeau.
*/
closeable: boolean | 'controlled';
/**
* @since 1.12 Permet d'enlever l'icône du bandeau d'information
*/
noIcon: boolean;
/**
* @since 1.12 Permet de personnaliser l'icône du bandeau. Html possible.
*/
icon: string;
/**
* @since 1.12 Texte complémentaire au titre
*/
description: string;
/**
* @since 1.12 Sévérité du message
*/
type: DsfrNoticeType;
/**
* Signale la fermeture manuelle du bandeau d'information.
*/
readonly noticeClose: EventEmitter<ElementRef<any>>;
constructor(hostElement: ElementRef);
get iconClass(): string;
/** @deprecated since 1.12 use `closeable`instead. */
get closable(): boolean | 'controlled';
/** @deprecated since 1.12 use `heading` instead. */
get message(): string;
/** @deprecated since 1.12 use `closeable`instead. */
set closable(value: boolean | 'controlled');
/**
* Le message qui sera affiché dans le bandeau.
*
* Renseigner le message via l'input est prioritaire sur le slot.
*
* @deprecated since 1.12 use `heading` instead.
*/
set message(value: string);
/** @internal */
onClose(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrNoticeComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrNoticeComponent, "dsfr-notice", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "type": { "alias": "type"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, { "noticeClose": "noticeClose"; }, never, ["*", "[link]"], true, never>;
}