tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance input component layout with labels and improve styling

Browse Source
This commit is contained in:
ncoronel
2026-06-26 10:18:43 -03:00
parent f1a4f51695
commit 0d46172325
6 changed files with 146 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/shared/components/input/input.component.ts
View File

@@ -66,8 +66,10 @@ export class InputComponent {
private readonly editableDisabled = signal(false);
private readonly passwordVisible = signal(false);
private lastClearTrigger = 0;
private readonly defaultId = `app-input-${globalThis.crypto.randomUUID()}`;
readonly invalid = input(false);
readonly id = input(this.defaultId);
readonly placeholder = input('');
readonly value = input<string | number>('');
readonly maxlength = input<number | null>(null);
@@ -85,8 +87,6 @@ export class InputComponent {
readonly fileChange = output<File | null>();
readonly visibleChange = output<boolean>();
protected readonly id = `app-input-${globalThis.crypto.randomUUID()}`;
protected readonly inputType = computed(() => {
const type = this.type();