@scania/tegel
Version:
Tegel Design System
60 lines (59 loc) • 2.07 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
export declare class TdsTextarea {
/** Text input for focus state */
textEl?: HTMLTextAreaElement;
private uuid;
/** Label text */
label: string;
/** Name attribute */
name: string;
/** Helper text */
helper: string;
/** Textarea cols attribute */
cols: number;
/** Textarea rows attribute */
rows: number;
/** Position of the label for the Textarea. */
labelPosition: 'inside' | 'outside' | 'no-label';
/** Placeholder text */
placeholder: string;
/** Value of the input text */
value: string;
/** Set input in disabled state */
disabled: boolean;
/** Set input in readonly state */
readOnly: boolean;
/** Hide the readonly icon */
hideReadOnlyIcon: boolean;
/** Error state of input */
state: 'error' | 'success' | 'default';
/** Max length of input */
maxLength: number;
/** Mode variant of the Textarea */
modeVariant: 'primary' | 'secondary';
/** Control of autofocus */
autofocus: boolean;
/** Unset minimum width of 208px. */
noMinWidth: boolean;
/** Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true. */
tdsAriaLabel: string;
/** Listen to the focus state of the input */
focusInput: boolean;
/** Change event for the Textarea */
tdsChange: EventEmitter;
handleChange(event: any): void;
/** Blur event for the Textarea */
tdsBlur: EventEmitter<FocusEvent>;
handleBlur(event: FocusEvent): void;
/** Input event for the Textarea */
tdsInput: EventEmitter<InputEvent>;
handleInput(event: InputEvent): void;
/** Focus event for the Textarea */
tdsFocus: EventEmitter<FocusEvent>;
handleFocus(event: FocusEvent): void;
/** Method to programmatically focus the textarea element */
focusElement(): Promise<void>;
setModeVariant(modeVariant: 'primary' | 'secondary'): string | null;
connectedCallback(): void;
render(): any;
}