@@ -66,26 +66,27 @@ const data = {
6666
6767## Props
6868
69- | Name | Type | Default | Description |
70- | ---------------------------| -----------| ---------| -------------|
71- | newItem | object | {} | Template object for new items |
72- | insertButtonLabel | string | 'Add Item' | Label for the insert button |
73- | insertButtonClass | string | '' | CSS class for insert button |
74- | insertButtonSize | string | '' | Size of insert button (small, large) |
75- | alwaysDisplayInsertButton | boolean | false | Always show insert button |
76- | listClass | string | '' | CSS class for the list container |
77- | listItemClass | string | '' | CSS class for each list item |
78- | groupClass | string | '' | CSS class for the input group |
79- | hideButtonGroup | boolean | false | Hide all action buttons |
80- | hideMoveButtons | boolean | false | Hide move up/down buttons |
81- | buttonGroupClass | string | '' | CSS class for button group |
82- | buttonGroupItemClass | string | '' | CSS class for each button |
83- | buttonSize | string | '' | Size of action buttons |
84- | displayCloneButton | boolean | false | Show clone button |
85- | displayAddButton | boolean | false | Show add button |
86- | displayDeleteButton | boolean | true | Show delete button |
87- | displayDragHandle | boolean | false | Show drag handle and enable drag-and-drop reordering |
88- | dragHandleClass | string | '' | Extra CSS class for the drag handle |
69+ | Name | Type | Default | Description |
70+ | ---------------------------| -----------| ---------| ----------------------------------------|
71+ | newItem | object | {} | Template object for new items |
72+ | insertButtonLabel | string | 'Add Item' | Label for the insert button |
73+ | insertButtonClass | string | '' | CSS class for insert button |
74+ | insertButtonSize | string | '' | Size of insert button (small, large) |
75+ | alwaysDisplayInsertButton | boolean | false | Always show insert button |
76+ | listClass | string | '' | CSS class for the list container |
77+ | listItemClass | string | '' | CSS class for each list item |
78+ | groupClass | string | '' | CSS class for the input group |
79+ | hideButtonGroup | boolean | false | Hide all action buttons |
80+ | hideMoveButtons | boolean | false | Hide move up/down buttons |
81+ | buttonGroupClass | string | '' | CSS class for button group |
82+ | buttonGroupItemClass | string | '' | CSS class for each button |
83+ | buttonSize | string | '' | Size of action buttons |
84+ | displayCloneButton | boolean | false | Show clone button |
85+ | displayAddButton | boolean | false | Show add button |
86+ | displayDeleteButton | boolean | true | Show delete button |
87+ | draggable | boolean | false | Enable drag-and-drop reordering |
88+ | displayDragHandle | boolean | false | Show drag handle |
89+ | dragHandleClass | string | '' | Extra CSS class for the drag handle |
8990| dragHandleIconClass | string | 'pi pi-bars' | Icon class used inside the drag handle |
9091
9192## Features
@@ -94,7 +95,7 @@ const data = {
9495- ** Remove Items** : Delete items from the list
9596- ** Clone Items** : Duplicate existing items
9697- ** Reorder Items** : Move items up or down in the list
97- - ** Drag and Drop** : Reorder items by dragging list rows when ` displayDragHandle ` is enabled
98+ - ** Drag and Drop** : Reorder items by dragging list rows when ` draggable ` is enabled
9899- ** Customizable** : Full control over styling and button visibility
99100
100101## Example with Custom Styling
0 commit comments