@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
69 lines (68 loc) • 2.51 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { IconButtonSize, IconButtonVariant } from './icon-button.model';
import * as i0 from "@angular/core";
export declare class IconButtonComponent {
private readonly ICON_BUTTON_CLASS_NAME;
/**
* Type of the button. Some values may be `button`, `submit`, `reset`
*/
type: string;
/**
* For toggle buttons, indicate the state
*/
ariaPressed?: boolean;
/**
* Additional description for assistive technologies based on visible text
* @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby
*/
ariaDescribedby?: string;
/**
* Whether button is disabled or not
*/
isDisabled: boolean;
/**
* Tab index, allows you to customize keyboard navigation
*/
tabIndex: number;
/**
* Button variant theme
* @default `primary`
*/
variant: IconButtonVariant;
/**
* Button size
* @default `xs`
*/
size: IconButtonSize;
/**
* Whether button has custom icon
*/
hasCustomIcon: boolean;
/**
* Button material icon
*/
icon: string;
/**
* Text alternative for assistive technologies
*/
label: string;
/**
* Additional icon-button css classes
*/
additionalClass?: string;
/**
* Button click output. Emits a MouseEvent
*/
buttonClick: EventEmitter<MouseEvent>;
constructor();
/**
* @ignore
*/
getIconButtonVariantClass(): string;
/**
* @ignore
*/
getIconButtonSizeClass(): string;
static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "nj-icon-button", never, { "type": { "alias": "type"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "hasCustomIcon": { "alias": "hasCustomIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "additionalClass": { "alias": "additionalClass"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["[custom-icon]"], true, never>;
}