tgui-angular
Version:
🚀 Angular UI library for Telegram Web Apps with modern components and theming support | 💼 Author is open to work opportunities | 📧 Contact: a.blagovestnov@gmail.com | 💬 Telegram: @ablagovestnov
33 lines (32 loc) • 2 kB
TypeScript
import { PlatformService } from '../../../services/platform.service';
import * as i0 from "@angular/core";
/**
* Wraps a standard HTML textarea element within a `FormInput` container, applying custom styles and functionality.
* This component inherits the flexible design of the `FormInput`, allowing it to display a header and reflect different status styles.
* The appearance and behavior of the textarea can be customized through various props, providing a seamless integration with forms.
*/
export declare class TextareaComponent {
protected platformService: PlatformService;
private elementRef;
/** Header text displayed above the textarea */
header: import("@angular/core").InputSignal<string | null>;
/** Visual status of the textarea */
status: import("@angular/core").InputSignal<"error" | "default" | "focused">;
/** Whether the textarea is disabled */
disabled: import("@angular/core").InputSignal<boolean>;
/** Placeholder text */
placeholder: import("@angular/core").InputSignal<string>;
/** Textarea value */
value: import("@angular/core").InputSignal<string>;
/** Combines wrapper classes based on platform */
wrapperClasses: import("@angular/core").Signal<{
wrapper: boolean;
'wrapper--ios': boolean;
}>;
/** Handles input events */
onInput(event: Event): void;
/** Handles change events */
onChange(event: Event): void;
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "tgui-textarea", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}