@skyux/indicators
Version:
This library was generated with [Nx](https://nx.dev).
41 lines (40 loc) • 2.11 kB
TypeScript
import { EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@skyux/theme";
/**
* Creates an accessible button that wraps the chevron icon.
* @internal
*/
export declare class SkyChevronComponent {
/**
* The element whose contents are controlled by the chevron.
* This sets the chevron's `aria-controls` attribute
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
* For more information about the `aria-controls` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-controls).
*/
ariaControls: string | undefined;
/**
* The ARIA label for the chevron. This sets the chevron's `aria-label` attribute to provide a text equivalent for screen readers
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
*/
ariaLabel: string | undefined;
/**
* The direction that the chevron points, which can be up or down.
*/
set direction(value: string | undefined);
/**
* Whether to disable the chevron button.
*/
disabled: boolean;
/**
* Fires when the direction of the chevron changes.
*/
directionChange: EventEmitter<string>;
ariaExpanded: boolean;
directionOrDefault: string;
chevronClick(event: Event): void;
chevronKeyDown(event: KeyboardEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SkyChevronComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SkyChevronComponent, "sky-chevron", never, { "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "directionChange": "directionChange"; }, never, never, false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
}