ngx-lite-form 1.4.4 → 1.4.8

package/README.md

@@ -68,6 +68,7 @@ Lite Form provides 15+ form and UI components. Click on any component below for
 ### UI Components
 - **[LitePanel](docs/lite-panel.md)** - Modal panel for dialogs and forms
 - **[LiteLoading](docs/lite-loading.md)** - Loading spinner and progress bar
+- **[LiteTabGroup](docs/lite-tab-group.md)** - Tabs with sliding track and Angular projection
 - **[LiteSnackbar](docs/lite-snackbar.md)** - Toast notifications service
 
 ---
@@ -135,7 +136,11 @@ import {
 })
 export class AppComponent {
   // Basic input
-  nameField = new FieldDto('Full Name', new FormControl(''));
+  nameField: FieldDto = {
+    label: 'Full Name',
+    formControl: new FormControl(''),
+    hint: 'Enter your full legal name'
+  } as FieldDto;
   
   // Number input
   ageField = new FieldDto('Age', new FormControl(0), 2, 'number');
@@ -158,7 +163,8 @@ export class AppComponent {
     'Country',
     new FormControl(''),
     ['USA', 'Canada', 'Mexico'],
-    (option) => option
+    (option) => option,
+    'Select your country of residence'
   );
   
   // Multi-select
@@ -190,13 +196,16 @@ export class AppComponent {
   };
   
   // File upload
-  fileField = new FileFieldDto('Attachments', new FormControl([]), {
-    multiple: true,
-    accept: 'image/*,application/pdf',
-    maxFileSize: 5 * 1024 * 1024,
-    maxFiles: 5,
-    showPreview: true
-  });
+  fileField = new FileFieldDto(
+    'Attachments',
+    new FormControl([]),
+    true, // multiple
+    'image/*,application/pdf', // accept
+    5 * 1024 * 1024, // maxFileSize
+    5, // maxFiles
+    true, // showPreview
+    'Upload up to 5 files (max 5MB each).' // hint
+  );
 
   // Table with custom columns, sorting, and row selection
   employeeTable = new TableFieldDto(
@@ -366,6 +375,7 @@ For detailed API documentation, examples, and usage guides for each component, p
 - [LitePaginator Documentation](docs/lite-paginator.md)
 - [LitePanel Documentation](docs/lite-panel.md)
 - [LiteLoading Documentation](docs/lite-loading.md)
+- [LiteTabGroup Documentation](docs/lite-tab-group.md)
 - [LiteSnackbar Documentation](docs/lite-snackbar.md)
 
 ---
@@ -389,6 +399,8 @@ class FieldDto {
   label: string;
   formControl: FormControl;
   rows?: number; // For textarea only
+  type?: 'text' | 'number';
+  hint?: string; // Helper text displayed below the field
 }
 ```
 
@@ -400,6 +412,7 @@ abstract class BaseSelectFieldDto<T> {
   label: string;
   options: T[];
   displayWith: (option: T) => string;
+  hint?: string; // Helper text displayed below the field
 }
 ```
 
@@ -442,6 +455,7 @@ class FileFieldDto {
   maxFileSize?: number; // Maximum file size in bytes (default: 10MB)
   maxFiles?: number; // Maximum number of files allowed (default: 10)
   showPreview?: boolean; // Show image previews (default: true)
+  hint?: string; // Helper text displayed below the field
 }
 ```
 
@@ -548,4 +562,4 @@ This project is licensed under the MIT License - see the [LICENSE](https://githu
 
 ---
 ## Changelog
-- See [docs/CHANGELOG.md](https://github.com/liangk/lite-form/blob/main/docs/CHANGELOG.md) for the full historical record, including the latest `v1.4.4` release with LiteTable row selection and row click features.
+- See [docs/CHANGELOG.md](https://github.com/liangk/lite-form/blob/main/docs/CHANGELOG.md) for the full historical record, including the latest `v1.4.5` release with LiteTabGroup and tab sliding/size fixes.