@lowdefy/docs-content 0.0.0-experimental-20260928120643 → 6.1.0

package/content/display-blocks/aggrid.md

@@ -410,7 +410,7 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
         assignee: Diana
         priority: Low
         status: To Do
-      - task: "Code review PR #42"
+      - task: Code review PR
         assignee: Erik
         priority: Medium
         status: In Progress
@@ -1064,25 +1064,20 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
             Archived: default
       - headerName: Actions
         field: _id
-        width: 300
+        width: 220
         cell:
           type: buttons
           buttons:
             - eventName: onEditClick
               title: Edit
-              icon: edit
+              icon: AiOutlineEdit
               type: primary
             - eventName: onDeleteClick
               title: Delete
-              icon: delete
+              icon: AiOutlineDelete
               danger: true
               disabledField: locked
               hiddenField: archived
-            - eventName: onOpenClick
-              title: Open
-              icon: arrow-right
-              iconPlacement: end
-              type: link
     rowData:
       - _id: TSK-001
         name: Wire main switchboard
@@ -1117,14 +1112,6 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
             _string.concat:
               - "Delete "
               - _event: row.name
-    onOpenClick:
-      - id: open_msg
-        type: DisplayMessage
-        params:
-          content:
-            _string.concat:
-              - "Open "
-              - _event: row._id
 ```
 
 ```yaml
@@ -1333,7 +1320,7 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
 | `columnDefs.$.sortable` | boolean | `false` | Set to true to allow sorting on this column. |
 | `columnDefs.$.resizable` | boolean | `false` | Set to true to allow this column should be resized. |
 | `columnDefs.$.width` | number | - | Initial width in pixels for the cell. |
-| `columnDefs.$.cellStyle` | object | - | An object of css values returning an object of css values for a particular cell. |
+| `columnDefs.$.cellStyle` | number | - | An object of css values returning an object of css values for a particular cell. |
 | `columnDefs.$.cellRenderer` | object | - | Provide your own cell Renderer function (using the `_function` operator) for this column's cells. |
 | `columnDefs.$.valueFormatter` | object \| string | - | A function (using the `_function` operator) or expression to format a value, should return a string. Not used for CSV export or copy to clipboard, only for UI cell rendering. |
 | `columnDefs.$.tooltipField` | string | - | The field of the row object to read the tooltip value from. When set, hovering a cell shows a tooltip with that value using the grid's default tooltip component. |
@@ -1387,9 +1374,8 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
 | `columnDefs.$.cell.buttons.$.eventName` | string | - | Block-level event name to trigger on click. |
 | `columnDefs.$.cell.buttons.$.title` | string | - | Title text on the button - supports html. |
 | `columnDefs.$.cell.buttons.$.titleField` | string | - | Row-data path for the title. |
-| `columnDefs.$.cell.buttons.$.icon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or Icon block config. |
+| `columnDefs.$.cell.buttons.$.icon` | string \| object | - | Name of a React-Icon or Icon block config. |
 | `columnDefs.$.cell.buttons.$.iconField` | string | - | Row-data path for the icon name or config. |
-| `columnDefs.$.cell.buttons.$.iconPlacement` | string | `"start"` | Place the icon before (start) or after (end) the title. Enum: `start`, `end`. |
 | `columnDefs.$.cell.buttons.$.type` | string | - | antd Button type. Enum: `primary`, `default`, `dashed`, `link`, `text`. |
 | `columnDefs.$.cell.buttons.$.variant` | string | - | antd Button variant. Takes precedence over `type` when set. Enum: `solid`, `outlined`, `dashed`, `filled`, `text`, `link`. |
 | `columnDefs.$.cell.buttons.$.color` | string | - | Button color (antd preset or hex). |
@@ -1398,7 +1384,6 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
 | `columnDefs.$.cell.buttons.$.danger` | boolean | `false` |  |
 | `columnDefs.$.cell.buttons.$.ghost` | boolean | `false` |  |
 | `columnDefs.$.cell.buttons.$.hideTitle` | boolean | `false` | Hide the button's title (icon-only). |
-| `columnDefs.$.cell.buttons.$.tooltip` | string | - | Hover text for the button. An icon-only button (`hideTitle: true`) shows its `title` as the tooltip when this is not set. |
 | `columnDefs.$.cell.buttons.$.disabled` | boolean | `false` |  |
 | `columnDefs.$.cell.buttons.$.disabledField` | string | - | Row-data path → boolean. |
 | `columnDefs.$.cell.buttons.$.hidden` | boolean | `false` | Hide the button entirely. |
@@ -1407,15 +1392,15 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
 | `columnDefs.$.cell.items.$.eventName` | string | - | Block-level event name to trigger on click. Event payload is `{ row, value, item: { eventName, title }, itemIndex }`. |
 | `columnDefs.$.cell.items.$.title` | string | - | Item label - supports html. |
 | `columnDefs.$.cell.items.$.titleField` | string | - | Row-data path for the label. |
-| `columnDefs.$.cell.items.$.icon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or Icon block config. |
+| `columnDefs.$.cell.items.$.icon` | string \| object | - | Name of a React-Icon or Icon block config. |
 | `columnDefs.$.cell.items.$.iconField` | string | - | Row-data path for the icon name or config. |
 | `columnDefs.$.cell.items.$.danger` | boolean | `false` | Render the item in the danger colour. |
 | `columnDefs.$.cell.items.$.disabled` | boolean | `false` |  |
 | `columnDefs.$.cell.items.$.disabledField` | string | - | Row-data path → boolean. |
 | `columnDefs.$.cell.items.$.hidden` | boolean | `false` | Hide the item entirely. |
 | `columnDefs.$.cell.items.$.hiddenField` | string | - | Row-data path → boolean. |
-| `columnDefs.$.cell.icon` | string \| object | `"more-vertical"` | Menu cell: the trigger icon. Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or Icon block config. The trigger is icon-only. |
-| `columnDefs.$.cell.placement` | string | `"bottomRight"` | Menu cell: where the dropdown opens relative to its trigger. Enum: `bottomLeft`, `bottom`, `bottomRight`, `topLeft`, `top`, `topRight`, `left`, `leftTop`, `leftBottom`, `right`, `rightTop`, `rightBottom`. |
+| `columnDefs.$.cell.icon` | string \| object | `"AiOutlineMore"` | Menu cell: the trigger icon. Name of a React-Icon or Icon block config. The trigger is icon-only. |
+| `columnDefs.$.cell.placement` | string | `"bottomRight"` | Menu cell: where the dropdown opens relative to its trigger. Enum: `bottomLeft`, `bottom`, `bottomRight`, `topLeft`, `top`, `topRight`. |
 | `columnDefs.$.cell.options` | array | - | Selector / Multiple selector cell: dropdown options. An array of primitives, or objects mirroring the `Selector` block options: `{ label, value, disabled, color, filterString, style }`. `label` supports html. |
 | `columnDefs.$.cell.valueKey` | string | - | Selector / Multiple selector: field on each option object to use as its value. Defaults to `value`. |
 | `columnDefs.$.cell.primaryKey` | string | - | Selector / Multiple selector: field used to match the cell value to an option (identity key for object values). |
@@ -1433,8 +1418,8 @@ Migrate the column-level checkbox flags in the same edit — `checkboxSelection`
 | `columnDefs.$.cell.autoClearSearchValue` | boolean | - | Multiple selector: clear the search box after each selection. |
 | `columnDefs.$.cell.checkedText` | string | - | Switch: label shown inside the switch when on. |
 | `columnDefs.$.cell.uncheckedText` | string | - | Switch: label shown inside the switch when off. |
-| `columnDefs.$.cell.checkedIcon` | string \| object | - | Switch: icon shown when on (icon name like `edit`, `Pencil` or `tabler:Pencil`, or Icon block config). |
-| `columnDefs.$.cell.uncheckedIcon` | string \| object | - | Switch: icon shown when off (icon name like `edit`, `Pencil` or `tabler:Pencil`, or Icon block config). |
+| `columnDefs.$.cell.checkedIcon` | string \| object | - | Switch: icon shown when on (React-Icon name or Icon block config). |
+| `columnDefs.$.cell.uncheckedIcon` | string \| object | - | Switch: icon shown when off (React-Icon name or Icon block config). |
 | `columnDefs.$.cell.inputType` | string | - | Text input: the HTML input type (e.g. `text`, `email`, `number`, `password`). Named `inputType` to avoid clashing with `cell.type`. |
 | `columnDefs.$.cell.maxLength` | number | - | Text input / Paragraph input: maximum number of characters. |
 | `columnDefs.$.cell.showCount` | boolean | - | Text input: show the character count. |

package/content/display-blocks/anchor.md

@@ -57,7 +57,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Link with Icon
     url: https://lowdefy.com
-    icon: link
+    icon: AiOutlineLink
 - id: icon_download
   type: Anchor
   layout:
@@ -65,7 +65,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Download
     url: https://lowdefy.com
-    icon: download
+    icon: AiOutlineDownload
 - id: icon_external
   type: Anchor
   layout:
@@ -73,7 +73,7 @@ Hyperlink anchor for navigation.
   properties:
     title: External Link
     url: https://lowdefy.com
-    icon: SquareArrowOutUpRight
+    icon: AiOutlineExport
 - id: icon_mail
   type: Anchor
   layout:
@@ -81,7 +81,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Send Email
     url: https://lowdefy.com
-    icon: mail
+    icon: AiOutlineMail
 - id: icon_github
   type: Anchor
   layout:
@@ -89,7 +89,7 @@ Hyperlink anchor for navigation.
   properties:
     title: GitHub
     url: https://github.com/lowdefy/lowdefy
-    icon: GitBranch
+    icon: AiOutlineGithub
 - id: icon_object
   type: Anchor
   layout:
@@ -98,7 +98,7 @@ Hyperlink anchor for navigation.
     title: Colored Icon
     url: https://lowdefy.com
     icon:
-      name: heart
+      name: AiOutlineHeart
       color: "#ff4d4f"
 ```
 
@@ -119,7 +119,7 @@ Hyperlink anchor for navigation.
     title: External Docs
     url: https://docs.lowdefy.com
     newTab: true
-    icon: SquareArrowOutUpRight
+    icon: AiOutlineExport
 ```
 
 ```yaml
@@ -139,7 +139,7 @@ Hyperlink anchor for navigation.
     title: Disabled with Icon
     url: https://lowdefy.com
     disabled: true
-    icon: lock
+    icon: AiOutlineLock
 - id: enabled_link
   type: Anchor
   layout:
@@ -148,7 +148,7 @@ Hyperlink anchor for navigation.
     title: Enabled Link
     url: https://lowdefy.com
     disabled: false
-    icon: unlock
+    icon: AiOutlineUnlock
 ```
 
 ```yaml
@@ -166,7 +166,7 @@ Hyperlink anchor for navigation.
     flex: 0 0 auto
   properties:
     url: https://lowdefy.com
-    icon: home
+    icon: AiOutlineHome
     ariaLabel: Go to home page
 ```
 
@@ -198,7 +198,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Go Back
     back: true
-    icon: arrow-left
+    icon: AiOutlineArrowLeft
 - id: nav_home
   type: Anchor
   layout:
@@ -206,7 +206,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Go Home
     home: true
-    icon: home
+    icon: AiOutlineHome
 ```
 
 ```yaml
@@ -217,7 +217,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Documentation
     url: https://docs.lowdefy.com
-    icon: Book
+    icon: AiOutlineBook
   events:
     onClick:
       shortcut: mod+shift+d
@@ -302,7 +302,7 @@ Hyperlink anchor for navigation.
   properties:
     title: Large Red Link
     url: https://lowdefy.com
-    icon: heart
+    icon: AiOutlineHeart
 ```
 
 | Property | Type | Default | Description |
@@ -313,7 +313,7 @@ Hyperlink anchor for navigation.
 | `input` | object | - | When the link is clicked, pass data as the input object to the next Lowdefy page.  Can only be used with pageId link and newTab false. |
 | `urlQuery` | object | - | When the link is clicked, pass data as a url query to the next page. |
 | `disabled` | boolean | `false` | Disable the anchor if true. |
-| `icon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block for anchor icon. |
+| `icon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block for anchor icon. |
 | `pageId` | string | - | When the link is clicked, route to the provided Lowdefy page. |
 | `href` | string | - | The href to link to when the anchor link is clicked. |
 | `url` | string | - | External url to link to when the anchor link is clicked. |

package/content/display-blocks/avatar.md

@@ -33,7 +33,7 @@ B
       layout:
         flex: 0 0 auto
       properties:
-        icon: user
+        icon: AiOutlineUser
         shape: circle
         color: "#52c41a"
     - id: shape_square_src
@@ -169,21 +169,21 @@ Tom
       layout:
         flex: 0 0 auto
       properties:
-        icon: user
+        icon: AiOutlineUser
         color: "#1677ff"
     - id: icon_team
       type: Avatar
       layout:
         flex: 0 0 auto
       properties:
-        icon: users
+        icon: AiOutlineTeam
         color: "#722ed1"
     - id: icon_star
       type: Avatar
       layout:
         flex: 0 0 auto
       properties:
-        icon: star
+        icon: AiOutlineStar
         color: "#faad14"
     - id: icon_custom_color
       type: Avatar
@@ -191,7 +191,7 @@ Tom
         flex: 0 0 auto
       properties:
         icon:
-          name: Zap
+          name: AiOutlineThunderbolt
           color: "#fff700"
         color: "#000000"
     - id: icon_custom_large
@@ -200,7 +200,7 @@ Tom
         flex: 0 0 auto
       properties:
         icon:
-          name: Crown
+          name: AiOutlineCrown
           color: "#fff"
         color: "#722ed1"
         size: large
@@ -345,7 +345,7 @@ JD
       layout:
         flex: 0 0 auto
       properties:
-        icon: user
+        icon: AiOutlineUser
         color: "#1677ff"
         size: large
       events:
@@ -440,7 +440,7 @@ SH
         color: "#1677ff"
       style:
         .element:
-          border: "2px solid #1677ff"
+          border: 2px solid
     - id: css_box_shadow
       type: Avatar
       layout:
@@ -456,22 +456,22 @@ SH
       layout:
         flex: 0 0 auto
       properties:
-        icon: star
+        icon: AiOutlineStar
         size: large
       style:
         .element:
-          background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
+          background: linear-gradient(135deg,
     - id: css_dashed_outline
       type: Avatar
       layout:
         flex: 0 0 auto
       properties:
-        icon: add
+        icon: AiOutlinePlus
         size: large
       style:
         .element:
           color: "#1677ff"
-          border: "2px dashed #1677ff"
+          border: 2px dashed
 ```
 
 Hi
@@ -490,7 +490,7 @@ SM
       layout:
         flex: 0 0 auto
       properties:
-        icon: user
+        icon: AiOutlineUser
         size: large
         color: "#1677ff"
         theme:
@@ -523,7 +523,7 @@ SM
       layout:
         flex: 0 0 auto
       properties:
-        icon: star
+        icon: AiOutlineStar
         color: "#722ed1"
         theme:
           containerSize: 44
@@ -547,7 +547,7 @@ SM
             - src: https://api.dicebear.com/7.x/miniavs/svg?seed=1
             - content: BK
               color: "#1677ff"
-            - icon: user
+            - icon: AiOutlineUser
               color: "#87d068"
             - content: ZW
               color: "#722ed1"
@@ -562,7 +562,7 @@ SM
             - src: https://api.dicebear.com/7.x/miniavs/svg?seed=2
             - content: AL
               color: "#f56a00"
-            - icon: user
+            - icon: AiOutlineUser
               color: "#1677ff"
             - content: KJ
               color: "#722ed1"
@@ -593,7 +593,7 @@ SM
             - src: https://api.dicebear.com/7.x/miniavs/svg?seed=3
             - content: LG
               color: "#eb2f96"
-            - icon: star
+            - icon: AiOutlineStar
               color: "#faad14"
 ```
 
@@ -634,7 +634,7 @@ SM
             - src: https://api.dicebear.com/7.x/miniavs/svg?seed=5
             - content: AB
               color: "#52c41a"
-            - icon: user
+            - icon: AiOutlineUser
               color: "#722ed1"
             - content: CD
               color: "#f5222d"
@@ -696,7 +696,7 @@ Senior Engineer at Acme Corp
             alt: Sarah Chen
           style:
             .element:
-              border: "2px solid #1677ff"
+              border: 2px solid
           events:
             onClick:
               - id: profile_click_msg
@@ -733,7 +733,7 @@ Senior Engineer at Acme Corp
             title: Edit Profile
             color: primary
             variant: outlined
-            icon: edit
+            icon: AiOutlineEdit
           events:
             onClick:
               - id: profile_edit_msg
@@ -749,7 +749,7 @@ Senior Engineer at Acme Corp
             title: Send Message
             color: primary
             variant: solid
-            icon: mail
+            icon: AiOutlineMail
           events:
             onClick:
               - id: profile_msg_msg
@@ -793,7 +793,7 @@ Dashboard redesign project
                   alt: Elena Torres
                 - content: JD
                   color: "#52c41a"
-                - icon: user
+                - icon: AiOutlineUser
                   color: "#722ed1"
                 - content: KP
                   color: "#fa8c16"
@@ -847,7 +847,7 @@ I've started on the date picker component. Quick question — should it default
             src: https://api.dicebear.com/7.x/miniavs/svg?seed=sarah
           style:
             .element:
-              border: "2px solid #1677ff"
+              border: 2px solid
           events:
             onClick:
               - id: c1_profile
@@ -884,7 +884,7 @@ I've started on the date picker component. Quick question — should it default
                   layout:
                     flex: 0 0 auto
                   properties:
-                    icon: ThumbsUp
+                    icon: AiOutlineLike
                     title: Like
                   style:
                     .element:
@@ -895,7 +895,7 @@ I've started on the date picker component. Quick question — should it default
                   layout:
                     flex: 0 0 auto
                   properties:
-                    icon: message
+                    icon: AiOutlineMessage
                     title: Reply
                   style:
                     .element:
@@ -958,7 +958,7 @@ I've started on the date picker component. Quick question — should it default
                   layout:
                     flex: 0 0 auto
                   properties:
-                    icon: ThumbsUp
+                    icon: AiOutlineLike
                     title: Like
                   style:
                     .element:
@@ -969,7 +969,7 @@ I've started on the date picker component. Quick question — should it default
                   layout:
                     flex: 0 0 auto
                   properties:
-                    icon: message
+                    icon: AiOutlineMessage
                     title: Reply
                   style:
                     .element:
@@ -1032,7 +1032,7 @@ I've started on the date picker component. Quick question — should it default
                   layout:
                     flex: 0 0 auto
                   properties:
-                    icon: ThumbsUp
+                    icon: AiOutlineLike
                     title: Like
                   style:
                     .element:
@@ -1043,7 +1043,7 @@ I've started on the date picker component. Quick question — should it default
                   layout:
                     flex: 0 0 auto
                   properties:
-                    icon: message
+                    icon: AiOutlineMessage
                     title: Reply
                   style:
                     .element:
@@ -1069,7 +1069,7 @@ I've started on the date picker component. Quick question — should it default
           layout:
             flex: 0 0 auto
           properties:
-            icon: user
+            icon: AiOutlineUser
             color: "#52c41a"
         - id: reply_body
           type: Box
@@ -1091,7 +1091,7 @@ I've started on the date picker component. Quick question — should it default
                 title: Reply
                 color: primary
                 variant: solid
-                icon: send
+                icon: AiOutlineSend
               events:
                 onClick:
                   - id: reply_msg
@@ -1107,45 +1107,25 @@ I've started on the date picker component. Quick question — should it default
 | `color` | string | - | The background color of the avatar if not using a src url. Should be a hex color string. Color is a random color if not specified. |
 | `content` | string | - | Text to display inside avatar. |
 | `gap` | number | - | Letter type unit distance between left and right sides. |
-| `icon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block to use an icon in avatar. |
-| `icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `icon.color` | string | - | Icon color. |
-| `icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `icon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to use an icon in avatar. |
 | `shape` | string | `"circle"` | Shape of the avatar. Enum: `circle`, `square`. |
-| `size` | string \| number \| object | `"default"` | Size of the avatar: default, small, large, a pixel number, or a responsive object of breakpoint sizes. |
+| `size` | string \| object | `"default"` | Size of the avatar; default, small, large or responsive. Enum: `default`, `small`, `large`. |
 | `src` | string | - | The address of the image for an image avatar. |
-| `srcSet` | string | - | A list of image sources for different screen resolutions, as in the img srcset attribute. |
 | `group` | object | - | Render as an avatar group with multiple avatars. When set, the block renders Avatar.Group wrapping data-driven avatars. |
 | `group.maxCount` | number | - | Max avatars to show. Excess shows as "+N". |
 | `group.maxPopoverPlacement` | string | `"top"` | Placement of the overflow popover. Enum: `top`, `bottom`. |
-| `group.maxPopoverTrigger` | string | `"hover"` | Trigger mode for the overflow popover. Enum: `hover`, `focus`, `click`. |
+| `group.maxPopoverTrigger` | string | `"hover"` | Trigger mode for the overflow popover. Enum: `hover`, `click`. |
 | `group.shape` | string | - | Default shape for all avatars in the group. Enum: `circle`, `square`. |
-| `group.size` | string \| number | - | Default size for all avatars in the group: default, small, large or a pixel number. |
+| `group.size` | string \| number | - | Default size for all avatars in the group. Enum: `default`, `small`, `large`. |
 | `group.avatars` | array | - | Array of avatar configurations. |
 | `group.avatars.$.alt` | string | - | Alt text for image avatar. |
 | `group.avatars.$.color` | string | - | Background color. |
 | `group.avatars.$.content` | string | - | Text content inside the avatar. |
 | `group.avatars.$.gap` | number | - | Letter type unit distance between left and right sides. |
 | `group.avatars.$.icon` | string \| object | - | Icon name or properties. |
-| `group.avatars.$.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `group.avatars.$.icon.color` | string | - | Icon color. |
-| `group.avatars.$.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `group.avatars.$.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `group.avatars.$.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `group.avatars.$.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `group.avatars.$.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `group.avatars.$.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `group.avatars.$.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
 | `group.avatars.$.shape` | string | - | Override shape for this avatar. Enum: `circle`, `square`. |
-| `group.avatars.$.size` | string \| number | - | Override size for this avatar: default, small, large or a pixel number. |
+| `group.avatars.$.size` | string \| number | - | Override size for this avatar. Enum: `default`, `small`, `large`. |
 | `group.avatars.$.src` | string | - | Image URL. |
-| `group.avatars.$.srcSet` | string | - | Image sources for different screen resolutions. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design avatar tokens](https://ant.design/components/avatar#design-token). |
 | `theme.containerSize` | number | `32` | Size of the avatar. |
 | `theme.containerSizeLG` | number | `40` | Size of the large avatar. |
@@ -1162,7 +1142,7 @@ I've started on the date picker component. Quick question — should it default
 
 | Event | Event Data | Description |
 | --- | --- | --- |
-| `onClick` | `{ index }` | Triggered when the avatar, or an avatar in a group, is clicked. |
+| `onClick` | \- | Triggered when avatar item is clicked. |
 
 | Key | Target |
 | --- | --- |