@scania/tegel
Version:
Tegel Design System
43 lines (42 loc) • 1.58 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
type TdsStepperProps = {
orientation: 'horizontal' | 'vertical';
labelPosition: 'aside' | 'below';
size: 'sm' | 'lg';
hideLabels: boolean;
};
export type InternalTdsStepperPropChange = {
stepperId: string;
changed: Array<keyof TdsStepperProps>;
} & Partial<TdsStepperProps>;
/**
* @slot <default> - <b>Unnamed slot.</b> For the step elements.
*/
export declare class TdsStepper {
host: HTMLElement;
/** The orientation the Steps */
orientation: 'horizontal' | 'vertical';
/** Text position, only available on a direction: horizontal */
labelPosition: 'aside' | 'below';
/** Size of the component and it's children. */
size: 'sm' | 'lg';
/** Hides the label for the child components if true. */
hideLabels: boolean;
/** ID used for internal Stepper functionality and events, must be unique.
*
* **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,
* as the default ID is random and will be different every time.
*/
stepperId: string;
/** Label for the stepper component, for screen reader users */
tdsAriaLabel: string;
componentWillLoad(): void;
/** @internal Broadcasts changes in props to the Stepper children */
internalTdsPropsChange: EventEmitter<InternalTdsStepperPropChange>;
handleDirectionChange(): void;
handleLabelPositionChange(): void;
handleSizeChange(): void;
handleHideLabelsChange(): void;
render(): any;
}
export {};