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

package/content/container-blocks/descriptions.md

@@ -91,25 +91,6 @@ Description list with configurable layout and columns.
         value: 0.5 kg
       - label: In Stock
         value: 1,250 units
-- id: size_medium
-  type: Descriptions
-  properties:
-    title: Medium Size
-    size: medium
-    bordered: true
-    items:
-      - label: Product
-        value: Widget Plus
-      - label: SKU
-        value: WGT-PLS-003
-      - label: Price
-        value: $34.99
-      - label: Category
-        value: Electronics
-      - label: Weight
-        value: 0.4 kg
-      - label: In Stock
-        value: 2,015 units
 - id: size_small
   type: Descriptions
   properties:
@@ -323,24 +304,6 @@ Description list with configurable layout and columns.
         value: Database connection pool exhausted. Increased max_connections from 100 to
           250 and implemented connection retry logic with exponential backoff.
         span: 3
-- id: spanning_filled
-  type: Descriptions
-  properties:
-    title: Shipment
-    bordered: true
-    column: 3
-    items:
-      - label: Carrier
-        value: Road freight
-      - label: Tracking
-        value: Use span filled to take the rest of the row, whatever the column count.
-        span: filled
-      - label: Weight
-        value: 12 kg
-      - label: Pieces
-        value: 3
-      - label: Insured
-        value: Yes
 ```
 
 ```yaml
@@ -622,7 +585,7 @@ Description list with configurable layout and columns.
         value: +1 (555) 444-7890
   style:
     .element:
-      border: "2px solid #1677ff"
+      border: 2px solid
       borderRadius: 8px
       padding: 4px
 - id: css_label_content
@@ -865,11 +828,9 @@ Description list with configurable layout and columns.
 | `column.md` | integer | - | The number of description items in a row for 'md' media size. |
 | `column.lg` | integer | - | The number of description items in a row for 'lg' media size. |
 | `column.xl` | integer | - | The number of description items in a row for 'xl' media size. |
-| `column.xxl` | integer | - | The number of description items in a row for 'xxl' media size. |
-| `column.xxxl` | integer | - | The number of description items in a row for 'xxxl' media size. |
 | `itemOptions` | array | - |  |
 | `itemOptions.$.key` | string | - | Item key to which these settings should apply. |
-| `itemOptions.$.span` | number \| string \| object | - | Item span for this key, or 'filled' to fill the rest of the row. Can also be a function that receives item and index. |
+| `itemOptions.$.span` | number \| object | - | Item span for this key. Can also be a function that receives item and index. |
 | `itemOptions.$.style` | object | - | Item css style for this key. Can also be a function that receives item and index. |
 | `itemOptions.$.transformLabel` | object | - | Function to transform item key or label. Function receives arguments label, item and index. |
 | `itemOptions.$.transformValue` | object | - | Function to transform item value. Function receives arguments value, item and index. |
@@ -878,10 +839,10 @@ Description list with configurable layout and columns.
 | `items.$.labelStyle` | object | - | Customize label style. |
 | `items.$.label` | string | - | Item label - supports html. |
 | `items.$.value` | string \| number | - | Value of item - supports html. |
-| `items.$.span` | integer \| string \| object | - | Number of columns for this item to span. Set to 'filled' to fill the rest of the row, or an object of breakpoint spans like `{ xs: 1, md: 2 }`. |
+| `items.$.span` | integer | - | Number of columns for this item to span. |
 | `items.$.style` | object | - | Css style object to applied to item. |
 | `layout` | string | `"horizontal"` | Put values next to or below their labels. Enum: `horizontal`, `vertical`. |
-| `size` | string | `"default"` | Size of the block. `default` is the largest size. Enum: `default`, `medium`, `small`. |
+| `size` | string | `"default"` | Size of the block. Enum: `default`, `small`. |
 | `title` | string | - | The title of the description block, placed at the top - supports html. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design descriptions tokens](https://ant.design/components/descriptions#design-token). |
 | `theme.labelBg` | string | `"rgba(0, 0, 0, 0.02)"` | Background color for labels in bordered mode. |
@@ -901,8 +862,6 @@ No events defined.
 | --- | --- |
 | `/block` | Outer block wrapper (always available). |
 | `/element` | The Descriptions element. |
-| `/header` | The header row with the title and extra content. |
-| `/title` | The Descriptions title. |
 | `/content` | The Descriptions content. |
 | `/label` | The Descriptions label. |
 

package/content/container-blocks/drawer.md

@@ -2,7 +2,7 @@
 
 Panel that slides in from the edge of the screen.
 
-This is a basic drawer with a title and default settings. It opens from the right side with the default width of 378px.
+This is a basic drawer with a title and default settings. It opens from the right side with a width of 256px.
 
 Click the X button or the mask area to close it.
 
@@ -33,7 +33,7 @@ Click the X button or the mask area to close it.
       type: Paragraph
       properties:
         content: This is a basic drawer with a title and default settings. It opens from
-          the right side with the default width of 378px.
+          the right side with a width of 256px.
     - id: drawer_basic_p2
       type: Paragraph
       properties:
@@ -432,52 +432,6 @@ The mask is visible but clicking it does not close the drawer. Users must use th
           must use the close button or Escape key.
 ```
 
-Drag the left edge to resize the drawer. The onResizeEnd event receives the new size, so it can be saved as a user preference.
-
-```yaml
-- id: drawer_resizable_trigger
-  type: Button
-  layout:
-    flex: 0 0 auto
-  properties:
-    title: Open Resizable Drawer
-    color: primary
-    variant: outlined
-  events:
-    onClick:
-      - id: drawer_resizable_open
-        type: CallMethod
-        params:
-          blockId: drawer_resizable
-          method: setOpen
-          args:
-            - open: true
-- id: drawer_resizable
-  type: Drawer
-  properties:
-    title: Resizable Drawer
-    size: 480
-    resizable: true
-    maxSize: 900
-    closable:
-      placement: end
-    mask:
-      blur: true
-  events:
-    onResizeEnd:
-      - id: drawer_resizable_save_size
-        type: SetState
-        params:
-          drawer_size:
-            _event: size
-  blocks:
-    - id: drawer_resizable_p1
-      type: Paragraph
-      properties:
-        content: Drag the left edge to resize the drawer. The onResizeEnd event receives
-          the new size, so it can be saved as a user preference.
-```
-
 Pressing the Escape key closes this drawer. This is the default behavior.
 
 Pressing Escape does not close this drawer. The user must click the close button or mask to dismiss.
@@ -728,7 +682,7 @@ This drawer uses the toggleOpen method. Each click of the button alternates betw
     title: Toggle Drawer
     color: primary
     variant: solid
-    icon: menu
+    icon: AiOutlineMenu
   events:
     onClick:
       - id: drawer_toggle_call
@@ -836,10 +790,8 @@ This drawer uses style.header and style.body to apply custom background colors t
     title: Styled Drawer
   style:
     .header:
-      backgroundColor: var(--ant-color-primary-bg)
-      borderBottom: 1px solid var(--ant-color-primary-border)
-    .body:
-      backgroundColor: var(--ant-color-fill-quaternary)
+      borderBottom: 1px solid
+    .body: null
   blocks:
     - id: drawer_inline_style_content
       type: Paragraph
@@ -877,8 +829,8 @@ The mask CSS key applies a backdrop blur effect, and the content CSS key adds ro
   properties:
     title: Tailwind CSS Keys
   class:
-    .header: bg-bg-layout
-    .body: bg-bg-layout
+    header: bg-bg-layout
+    body: bg-bg-layout
   blocks:
     - id: drawer_css_keys_content
       type: Paragraph
@@ -908,8 +860,8 @@ The mask CSS key applies a backdrop blur effect, and the content CSS key adds ro
   properties:
     title: Accent Header
   class:
-    .header: bg-gradient-to-r from-primary/100 to-indigo-600 text-white
-    .body: bg-bg-layout
+    header: bg-gradient-to-r from-primary/100 to-indigo-600 text-white
+    body: bg-bg-layout
   blocks:
     - id: drawer_css_accent_content
       type: Paragraph
@@ -938,8 +890,8 @@ The mask CSS key applies a backdrop blur effect, and the content CSS key adds ro
   properties:
     title: Custom Mask Style
   class:
-    .mask: backdrop-blur-sm
-    .content: rounded-l-xl
+    mask: backdrop-blur-sm
+    content: rounded-l-xl
   blocks:
     - id: drawer_css_mask_content
       type: Paragraph
@@ -1062,7 +1014,7 @@ Overrides footerPaddingBlock, footerPaddingInline, and zIndexPopup design tokens
     title: Edit Record
     color: primary
     variant: solid
-    icon: edit
+    icon: AiOutlineEdit
   events:
     onClick:
       - id: drawer_edit_form_open
@@ -1172,7 +1124,7 @@ Overrides footerPaddingBlock, footerPaddingInline, and zIndexPopup design tokens
     title: Filters
     color: default
     variant: outlined
-    icon: filter
+    icon: AiOutlineFilter
   events:
     onClick:
       - id: drawer_filter_panel_open
@@ -1248,7 +1200,7 @@ Overrides footerPaddingBlock, footerPaddingInline, and zIndexPopup design tokens
             value: 3
           - label: 4+
             value: 4
-          - label: "5"
+          - label: 5
             value: 5
     - id: drawer_filter_panel_in_stock
       type: Switch
@@ -1289,7 +1241,7 @@ Jane Cooper
     title: View Profile
     color: primary
     variant: solid
-    icon: user
+    icon: AiOutlineUser
   events:
     onClick:
       - id: drawer_profile_open
@@ -1316,9 +1268,10 @@ Jane Cooper
           layout:
             flex: 0 0 auto
           properties:
-            icon: user
+            icon: AiOutlineUser
             size: 64
-            color: "#1677ff"
+            color: "#fff"
+            backgroundColor: "#1677ff"
         - id: drawer_profile_info
           type: Box
           layout:
@@ -1369,7 +1322,7 @@ Jane Cooper
             title: Edit Profile
             color: primary
             variant: outlined
-            icon: edit
+            icon: AiOutlineEdit
         - id: drawer_profile_message_btn
           type: Button
           layout:
@@ -1378,35 +1331,20 @@ Jane Cooper
             title: Send Message
             color: primary
             variant: solid
-            icon: mail
+            icon: AiOutlineMail
 ```
 
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
-| `closable` | boolean \| object | `true` | Whether a close (x) button is visible in the Drawer header or not. Set an object to disable the button or to move it to the end of the header. |
-| `closable.disabled` | boolean | `false` | Show the close button, but disabled. |
-| `closable.placement` | string | `"start"` | Place the close button at the start or the end of the header. Enum: `start`, `end`. |
-| `destroyOnHidden` | boolean | `false` | Unmount the blocks inside the Drawer when it closes, so they mount again (and their onMount events run) each time it opens. Their state is kept. |
-| `focusable` | object | - | Focus management of the dialog. |
-| `focusable.trap` | boolean | `true` | Keep keyboard focus inside the dialog while it is open. |
-| `focusable.focusTriggerAfterClose` | boolean | `true` | Return focus to the element that opened the dialog after it closes. |
-| `forceRender` | boolean | `false` | Render the blocks inside the Drawer before it is first opened, so their methods can be called and their onMount events run while it is still closed. |
-| `getContainer` | string \| boolean | - | Where the Drawer is mounted. By default it is mounted on the page body. Set to `false` to render it in place, inside the nearest positioned parent (give that parent `position: relative`), or to a CSS selector to mount it in the first matching element. |
-| `loading` | boolean | `false` | Show a loading skeleton in place of the Drawer body. |
-| `mask` | boolean \| object | `true` | Whether to show the mask. Set an object to configure the mask with `enabled`, `blur` and `closable`. |
-| `mask.enabled` | boolean | `true` | Whether to show the mask. |
-| `mask.blur` | boolean | `false` | Blur the page behind the mask. |
-| `mask.closable` | boolean | - | Whether clicking the mask closes the dialog. Takes precedence over `maskClosable`. |
-| `maskClosable` | boolean | `true` | Clicking on the mask (area outside the Drawer) to close the Drawer or not. `mask.closable` takes precedence. |
-| `maxSize` | number | - | Maximum size in pixels a resizable Drawer can be dragged to. |
-| `resizable` | boolean | `false` | Let the user resize the Drawer by dragging its edge. The configured size is the starting size. |
-| `size` | string \| number | - | Size of the Drawer: width for left and right placements, height for top and bottom. `default` (378px), `large` (736px), a number of pixels or a CSS length. Takes precedence over width and height. |
-| `title` | string | - | The title of the Drawer - supports html. |
-| `width` | string \| number | `378` | Width of the Drawer dialog. |
-| `height` | string \| number | `378` | When placement is top or bottom, height of the Drawer dialog. |
+| `closable` | boolean | `true` | Whether a close (x) button is visible on top right of the Drawer dialog or not. |
+| `mask` | boolean | `true` | Whether to show mask or not. |
+| `maskClosable` | boolean | `true` | Clicking on the mask (area outside the Drawer) to close the Drawer or not. |
+| `title` | string | - | The title of the Drawer. |
+| `width` | string \| number | `"256px"` | Width of the Drawer dialog. |
+| `height` | string \| number | `"256px"` | When placement is top or bottom, height of the Drawer dialog. |
 | `zIndex` | integer | `1000` | The z-index of the Drawer. |
 | `placement` | string | `"right"` | The placement of the Drawer. Enum: `top`, `right`, `bottom`, `left`. |
-| `keyboard` | boolean | `true` | Whether pressing Esc closes the Drawer. |
+| `keyboard` | boolean | `true` | Whether support press esc to close. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design drawer tokens](https://ant.design/components/drawer#design-token). |
 | `theme.footerPaddingBlock` | number | `8` | Vertical padding of the footer. |
 | `theme.footerPaddingInline` | number | `16` | Horizontal padding of the footer. |
@@ -1421,15 +1359,13 @@ Jane Cooper
 | `onClose` | \- | Trigger actions when drawer is closed. |
 | `onOpen` | \- | Trigger actions when drawer is opened. |
 | `afterClose` | \- | Trigger actions after drawer is closed. |
-| `afterOpenChange` | `{ open, drawerOpen }` | Trigger actions after the open or close animation of the drawer has finished. |
-| `onResizeEnd` | `{ size }` | Trigger actions when the user finishes resizing a resizable drawer. Not triggered when the resize handle is clicked without dragging. |
+| `afterOpenChange` | \- | Trigger actions after drawer is opened. |
 
 | Key | Target |
 | --- | --- |
 | `/block` | Outer block wrapper (always available). |
 | `/element` | The Drawer element. |
 | `/header` | The Drawer header. |
-| `/title` | The Drawer title. |
 | `/body` | The Drawer body. |
 | `/footer` | The Drawer footer. |
 | `/mask` | The Drawer mask. |

package/content/container-blocks/dropdownmenu.md

@@ -15,20 +15,20 @@ Floating dropdown menu triggered by any child block. Menu items follow the Menu
         pageId: home
         properties:
           title: Home
-          icon: home
+          icon: AiOutlineHome
       - id: dm_basic_profile
         type: MenuLink
         pageId: home
         properties:
           title: Profile
-          icon: user
+          icon: AiOutlineUser
       - id: dm_basic_div
         type: MenuDivider
       - id: dm_basic_logout
         type: MenuLink
         properties:
           title: Log Out
-          icon: logout
+          icon: AiOutlineLogout
           danger: true
   blocks:
     - id: dropdown_menu_basic_btn
@@ -83,19 +83,19 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: Copy
-          icon: copy
+          icon: AiOutlineCopy
       - id: dm_ctx_paste
         type: MenuLink
         properties:
           title: Paste
-          icon: Files
+          icon: AiOutlineSnippets
       - id: dm_ctx_div
         type: MenuDivider
       - id: dm_ctx_delete
         type: MenuLink
         properties:
           title: Delete
-          icon: delete
+          icon: AiOutlineDelete
           danger: true
   blocks:
     - id: dropdown_menu_context_area
@@ -189,76 +189,6 @@ Right-click anywhere in this card to open the context menu.
         color: default
         variant: outlined
         size: small
-- id: dropdown_menu_pl_right
-  type: DropdownMenu
-  layout:
-    flex: 0 0 auto
-  properties:
-    trigger: click
-    placement: right
-    links:
-      - id: dm_pl_right_1
-        type: MenuLink
-        properties:
-          title: Item 1
-      - id: dm_pl_right_2
-        type: MenuLink
-        properties:
-          title: Item 2
-  blocks:
-    - id: dropdown_menu_pl_right_btn
-      type: Button
-      layout:
-        flex: 0 0 auto
-      properties:
-        title: right
-        color: default
-        variant: outlined
-        size: small
-```
-
-```yaml
-- id: dropdown_menu_selectable
-  type: DropdownMenu
-  layout:
-    flex: 0 0 auto
-  properties:
-    trigger: click
-    selectable: true
-    selectedKeys:
-      _if_none:
-        - _state: dm_sort_keys
-        - - dm_sort_newest
-    links:
-      - id: dm_sort_newest
-        type: MenuLink
-        properties:
-          title: Newest first
-      - id: dm_sort_oldest
-        type: MenuLink
-        properties:
-          title: Oldest first
-      - id: dm_sort_name
-        type: MenuLink
-        properties:
-          title: Name
-  events:
-    onSelect:
-      - id: dm_sort_set
-        type: SetState
-        params:
-          dm_sort_keys:
-            _event: selectedKeys
-  blocks:
-    - id: dropdown_menu_selectable_btn
-      type: Button
-      layout:
-        flex: 0 0 auto
-      properties:
-        title: Sort
-        icon: sort
-        color: default
-        variant: outlined
 ```
 
 ```yaml
@@ -274,12 +204,12 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: Settings
-          icon: settings
+          icon: AiOutlineSetting
       - id: dm_arrow_2
         type: MenuLink
         properties:
           title: Help
-          icon: help
+          icon: AiOutlineQuestionCircle
   blocks:
     - id: dropdown_menu_arrow_btn
       type: Button
@@ -302,12 +232,12 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: Settings
-          icon: settings
+          icon: AiOutlineSetting
       - id: dm_arrowc_2
         type: MenuLink
         properties:
           title: Help
-          icon: help
+          icon: AiOutlineQuestionCircle
   blocks:
     - id: dropdown_menu_arrow_center_btn
       type: Button
@@ -331,7 +261,7 @@ Right-click anywhere in this card to open the context menu.
         type: MenuGroup
         properties:
           title: Navigation
-          icon: grid
+          icon: AiOutlineAppstore
         links:
           - id: dm_grp_nav_home
             type: MenuLink
@@ -349,7 +279,7 @@ Right-click anywhere in this card to open the context menu.
         type: MenuGroup
         properties:
           title: Account
-          icon: user
+          icon: AiOutlineUser
         links:
           - id: dm_grp_acc_profile
             type: MenuLink
@@ -384,7 +314,7 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: Available Action
-          icon: check
+          icon: AiOutlineCheck
       - id: dm_dis_disabled
         type: MenuLink
         properties:
@@ -420,13 +350,13 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: New File
-          icon: FilePlus
+          icon: AiOutlineFileAdd
           shortcut: mod+shift+N
       - id: dm_sc_save
         type: MenuLink
         properties:
           title: Save
-          icon: save
+          icon: AiOutlineSave
           shortcut: mod+shift+S
       - id: dm_sc_div
         type: MenuDivider
@@ -434,7 +364,7 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: Close
-          icon: close
+          icon: AiOutlineClose
           shortcut: mod+shift+W
   events:
     onClick:
@@ -489,7 +419,7 @@ Right-click anywhere in this card to open the context menu.
         title: Click to Toggle
         color: primary
         variant: solid
-        icon: bell
+        icon: AiOutlineBell
 ```
 
 ```yaml
@@ -504,17 +434,17 @@ Right-click anywhere in this card to open the context menu.
         type: MenuLink
         properties:
           title: Edit
-          icon: edit
+          icon: AiOutlineEdit
       - id: dm_oc_copy
         type: MenuLink
         properties:
           title: Copy
-          icon: copy
+          icon: AiOutlineCopy
       - id: dm_oc_delete
         type: MenuLink
         properties:
           title: Delete
-          icon: delete
+          icon: AiOutlineDelete
           danger: true
   events:
     onClick:
@@ -589,20 +519,20 @@ Jane Doe
         pageId: home
         properties:
           title: My Profile
-          icon: user
+          icon: AiOutlineUser
       - id: dm_user_settings
         type: MenuLink
         pageId: home
         properties:
           title: Settings
-          icon: settings
+          icon: AiOutlineSetting
       - id: dm_user_div
         type: MenuDivider
       - id: dm_user_logout
         type: MenuLink
         properties:
           title: Log Out
-          icon: logout
+          icon: AiOutlineLogout
           danger: true
   blocks:
     - id: dropdown_menu_user_trigger
@@ -617,7 +547,8 @@ Jane Doe
             flex: 0 0 auto
           properties:
             content: JD
-            color: "#1677ff"
+            color: "#fff"
+            backgroundColor: "#1677ff"
         - id: dropdown_menu_user_name
           type: Paragraph
           layout:
@@ -638,7 +569,7 @@ Jane Doe
       type: Button
       properties:
         title: Open Menu
-        icon: menu
+        icon: AiOutlineMenu
 ```
 
 | Property | Type | Default | Description |
@@ -653,16 +584,7 @@ Jane Doe
 | `links.$.class` | string \| array \| object | - | CSS classes for the menu item. Flat applies to the item wrapper; use dot-prefixed slot keys to target parts. |
 | `links.$.properties` | object | - | Properties for the menu item. |
 | `links.$.properties.title` | string | - | Menu item title. |
-| `links.$.properties.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 customize icon on menu item. |
-| `links.$.properties.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `links.$.properties.icon.color` | string | - | Icon color. |
-| `links.$.properties.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `links.$.properties.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `links.$.properties.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `links.$.properties.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `links.$.properties.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `links.$.properties.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `links.$.properties.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `links.$.properties.icon` | string \| object | - | Name of a React-Icon or properties of an Icon block to customize icon on menu item. |
 | `links.$.properties.danger` | boolean | `false` | Apply danger style to menu item. |
 | `links.$.properties.disabled` | boolean | `false` | Disable the menu item. |
 | `links.$.properties.tooltip` | string | - | Tooltip text shown when the menu is collapsed. |
@@ -680,15 +602,6 @@ Jane Doe
 | `links.$.links.$.properties` | object | - | Properties for the menu item. |
 | `links.$.links.$.properties.title` | string | - | Menu item title. |
 | `links.$.links.$.properties.icon` | string \| object | - | Icon name or config. |
-| `links.$.links.$.properties.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `links.$.links.$.properties.icon.color` | string | - | Icon color. |
-| `links.$.links.$.properties.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `links.$.links.$.properties.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `links.$.links.$.properties.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `links.$.links.$.properties.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `links.$.links.$.properties.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `links.$.links.$.properties.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `links.$.links.$.properties.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
 | `links.$.links.$.properties.danger` | boolean | `false` | Danger style. |
 | `links.$.links.$.properties.disabled` | boolean | `false` | Disable the item. |
 | `links.$.links.$.properties.tooltip` | string | - | Tooltip text shown when the menu is collapsed. |
@@ -696,12 +609,11 @@ Jane Doe
 | `links.$.links.$.properties.dashed` | boolean | `false` | Dashed divider line. |
 | `links.$.links.$.properties.shortcut` | string | - | Keyboard shortcut. Renders a kbd badge floated to the far right and wires the key handler. Use "mod" for Cmd/Ctrl. |
 | `trigger` | string | `"hover"` | How the dropdown opens. Enum: `click`, `hover`, `contextMenu`. |
-| `placement` | string | `"bottomLeft"` | Position relative to trigger. Enum: `bottomLeft`, `bottom`, `bottomRight`, `topLeft`, `top`, `topRight`, `left`, `leftTop`, `leftBottom`, `right`, `rightTop`, `rightBottom`. |
+| `placement` | string | `"bottomLeft"` | Position relative to trigger. Enum: `bottomLeft`, `bottom`, `bottomRight`, `topLeft`, `top`, `topRight`. |
 | `arrow` | boolean \| object | `false` | Show arrow pointing to trigger. |
 | `arrow.pointAtCenter` | boolean | - |  |
 | `disabled` | boolean | `false` | Disable the dropdown. |
 | `destroyOnClose` | boolean | `false` | Unmount menu DOM when closed. |
-| `selectable` | boolean | `false` | Allow menu items to be selected. Selecting an item highlights it and fires onSelect. |
 | `selectedKeys` | array | - | Highlighted menu items. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design dropdown tokens](https://ant.design/components/dropdown#design-token). |
 | `theme.zIndexPopup` | number | `1050` | Z-index of the dropdown popup. |
@@ -713,7 +625,7 @@ Jane Doe
 | Event | Event Data | Description |
 | --- | --- | --- |
 | `onClick` | `{ key, keyPath, pageId, url }` | Trigger action when a menu item is clicked. |
-| `onSelect` | `{ key, selectedKeys, pageId, url }` | Trigger action when a menu item is selected. Requires `selectable: true`. |
+| `onSelect` | `{ key, selectedKeys, pageId, url }` | Trigger action when a menu item is selected. |
 | `onOpenChange` | `{ open }` | Trigger action when dropdown opens or closes. |
 
 | Key | Target |
@@ -723,8 +635,8 @@ Jane Doe
 | `/menu` | The floating menu container. |
 | `/item` | Individual menu items. |
 | `/itemIcon` | Icon within menu items. |
-| `/subMenu` | Has no effect: antd does not expose submenu containers as a separately styled part. The item key also applies to submenu items. |
-| `/arrow` | Has no effect: antd does not expose the dropdown arrow as a separately styled part. |
+| `/subMenu` | Submenu/group containers. |
+| `/arrow` | Dropdown arrow indicator. |
 
 | Slot | Description |
 | --- | --- |