@edugouvfr/ngx-dsfr/lib/components/button/button.component.d.ts

NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).

import { DsfrButton, DsfrButtonType, DsfrButtonVariant, DsfrPosition, DsfrSize } from '../../shared';
import * as i0 from "@angular/core";
export declare class DsfrButtonComponent implements DsfrButton {
    /** Libellé du bouton, obligatoire. */
    label: string;
    /** Type du button, `submit` par défaut. */
    type: DsfrButtonType;
    /**
     * Message du `tooltip` (attribut `title` du bouton) ou ajout d'un `span` en `sr-only` si pas de label.
     */
    tooltipMessage: string;
    /** Style du bouton, `primary` par défaut. */
    variant: DsfrButtonVariant;
    /** Taille du bouton, `MD` par défaut  */
    size: DsfrSize;
    /** Nom de l'icône. */
    icon: string | undefined;
    /** Position de l'icône, à gauche par défaut. */
    iconPosition: DsfrPosition;
    /** Permet de désactiver le bouton d'action, `false` par défaut. */
    disabled: boolean;
    /**
     *  @deprecated (since 1.1.0)
     *  Permet de passer le libellé du bouton en majuscules, 'false' par défaut.
     */
    /** @internal */
    uppercase: boolean;
    /**
     * @deprecated (since 1.1.0)
     * Permet d'activer un visuel dénotant un "chargement" (busy), 'false' par défaut.
     * */
    /** @internal */
    loader: boolean;
    /** 👓 Spécifie le libellé qui sera retranscrit par les narrateurs d'écran. */
    ariaLabel: string;
    /** Permet d'inverser le contraste du marqueur de focus, `false` par défaut. */
    invertedOutlineContrast: boolean;
    /** Permet d'identifier le button. */
    id: string;
    /**
     * 👓 `ariaControls` est utilisé pour la manipulation d'une modale par exemple.
     * (prise en charge du retour de focus à la fermeture de la modale).
     */
    ariaControls: string;
    /** Style personnalisé `@since 1.3.0` */
    customClass: string;
    /** @internal */
    getClasses(): string[];
    static ɵfac: i0.ɵɵFactoryDeclaration<DsfrButtonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DsfrButtonComponent, "dsfr-button", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "tooltipMessage": { "alias": "tooltipMessage"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "uppercase": { "alias": "uppercase"; "required": false; }; "loader": { "alias": "loader"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "invertedOutlineContrast": { "alias": "invertedOutlineContrast"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, never, false, never>;
}