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

package/content/display-blocks/floatbutton.md

@@ -24,14 +24,6 @@ Floating action button with tooltip, badge, and icon.
       _state: float_props.href
     target:
       _state: float_props.target
-    disabled:
-      _state: float_props.disabled
-    backTop:
-      _state: float_props.backTop
-    visibilityHeight:
-      _state: float_props.visibilityHeight
-    showProgress:
-      _state: float_props.showProgress
     theme:
       _state: float_props.theme
   events:
@@ -49,7 +41,7 @@ Floating action button with tooltip, badge, and icon.
     title: Default
     color: default
     variant: outlined
-    icon: help
+    icon: AiOutlineQuestionCircle
   events:
     onClick:
       - id: set_type_default
@@ -58,7 +50,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             type: default
-            icon: help
+            icon: AiOutlineQuestionCircle
             tooltip: Default type
 - id: btn_type_primary
   type: Button
@@ -68,7 +60,7 @@ Floating action button with tooltip, badge, and icon.
     title: Primary
     color: primary
     variant: outlined
-    icon: help
+    icon: AiOutlineQuestionCircle
   events:
     onClick:
       - id: set_type_primary
@@ -77,7 +69,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             type: primary
-            icon: help
+            icon: AiOutlineQuestionCircle
             tooltip: Primary type
 - id: btn_type_support
   type: Button
@@ -87,7 +79,7 @@ Floating action button with tooltip, badge, and icon.
     title: Support
     color: primary
     variant: outlined
-    icon: Headset
+    icon: AiOutlineCustomerService
   events:
     onClick:
       - id: set_type_support
@@ -96,7 +88,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             type: primary
-            icon: Headset
+            icon: AiOutlineCustomerService
             tooltip: Contact support
 ```
 
@@ -117,7 +109,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             shape: circle
-            icon: add
+            icon: AiOutlinePlus
             tooltip: Circle (default)
 - id: btn_shape_square
   type: Button
@@ -135,7 +127,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             shape: square
-            icon: settings
+            icon: AiOutlineSetting
             tooltip: Square shape
 - id: btn_shape_square_primary
   type: Button
@@ -154,7 +146,7 @@ Floating action button with tooltip, badge, and icon.
           float_props:
             shape: square
             type: primary
-            icon: edit
+            icon: AiOutlineEdit
             tooltip: Square primary
 ```
 
@@ -167,7 +159,7 @@ Floating action button with tooltip, badge, and icon.
     title: String
     color: default
     variant: outlined
-    icon: help
+    icon: AiOutlineQuestionCircle
   events:
     onClick:
       - id: set_icon_string
@@ -175,7 +167,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: help
+            icon: AiOutlineQuestionCircle
             tooltip: String icon
 - id: btn_icon_object
   type: Button
@@ -185,7 +177,7 @@ Floating action button with tooltip, badge, and icon.
     title: Object
     color: default
     variant: outlined
-    icon: Rocket
+    icon: AiOutlineRocket
   events:
     onClick:
       - id: set_icon_object
@@ -194,7 +186,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             icon:
-              name: Rocket
+              name: AiOutlineRocket
             tooltip: Object icon
 - id: btn_icon_colored
   type: Button
@@ -204,7 +196,7 @@ Floating action button with tooltip, badge, and icon.
     title: Colored
     color: default
     variant: outlined
-    icon: heart
+    icon: AiOutlineHeart
   events:
     onClick:
       - id: set_icon_colored
@@ -213,7 +205,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             icon:
-              name: heart
+              name: AiOutlineHeart
               color: "#eb2f96"
             tooltip: Colored icon
 ```
@@ -234,7 +226,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: help
+            icon: AiOutlineQuestionCircle
             tooltip: Help
 - id: btn_tooltip_long
   type: Button
@@ -251,7 +243,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: Headset
+            icon: AiOutlineCustomerService
             tooltip: Click here to get help from our support team
 ```
 
@@ -264,7 +256,7 @@ Floating action button with tooltip, badge, and icon.
     title: With Icon
     color: primary
     variant: outlined
-    icon: help
+    icon: AiOutlineQuestionCircle
   events:
     onClick:
       - id: set_desc_icon
@@ -274,7 +266,7 @@ Floating action button with tooltip, badge, and icon.
           float_props:
             shape: square
             type: primary
-            icon: help
+            icon: AiOutlineQuestionCircle
             description: Help
 - id: btn_desc_docs
   type: Button
@@ -284,7 +276,7 @@ Floating action button with tooltip, badge, and icon.
     title: Docs
     color: primary
     variant: outlined
-    icon: document
+    icon: AiOutlineFileText
   events:
     onClick:
       - id: set_desc_docs
@@ -294,7 +286,7 @@ Floating action button with tooltip, badge, and icon.
           float_props:
             shape: square
             type: primary
-            icon: document
+            icon: AiOutlineFileText
             description: Docs
 - id: btn_desc_text
   type: Button
@@ -325,7 +317,7 @@ Floating action button with tooltip, badge, and icon.
     title: Count
     color: default
     variant: outlined
-    icon: bell
+    icon: AiOutlineBell
   events:
     onClick:
       - id: set_badge_count
@@ -333,7 +325,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: bell
+            icon: AiOutlineBell
             tooltip: Notifications
             badge:
               count: 5
@@ -345,7 +337,7 @@ Floating action button with tooltip, badge, and icon.
     title: Dot
     color: default
     variant: outlined
-    icon: mail
+    icon: AiOutlineMail
   events:
     onClick:
       - id: set_badge_dot
@@ -353,7 +345,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: mail
+            icon: AiOutlineMail
             tooltip: Messages
             badge:
               dot: true
@@ -365,7 +357,7 @@ Floating action button with tooltip, badge, and icon.
     title: Overflow
     color: default
     variant: outlined
-    icon: Inbox
+    icon: AiOutlineInbox
   events:
     onClick:
       - id: set_badge_overflow
@@ -373,7 +365,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: Inbox
+            icon: AiOutlineInbox
             tooltip: Inbox
             badge:
               count: 99
@@ -389,7 +381,7 @@ Floating action button with tooltip, badge, and icon.
     title: Link
     color: default
     variant: outlined
-    icon: link
+    icon: AiOutlineLink
   events:
     onClick:
       - id: set_href_link
@@ -397,7 +389,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: link
+            icon: AiOutlineLink
             tooltip: Open Lowdefy (new tab)
             href: https://lowdefy.com
             target: _blank
@@ -409,7 +401,7 @@ Floating action button with tooltip, badge, and icon.
     title: Docs Link
     color: primary
     variant: outlined
-    icon: document
+    icon: AiOutlineFileText
   events:
     onClick:
       - id: set_href_docs
@@ -418,77 +410,12 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             type: primary
-            icon: document
+            icon: AiOutlineFileText
             tooltip: View documentation (new tab)
             href: https://docs.lowdefy.com
             target: _blank
 ```
 
-```yaml
-- id: btn_back_top
-  type: Button
-  layout:
-    flex: 0 0 auto
-  properties:
-    title: Back to top
-    color: default
-    variant: outlined
-    icon: arrow-up
-  events:
-    onClick:
-      - id: set_back_top
-        type: SetState
-        params:
-          float_active: true
-          float_props:
-            backTop: true
-            visibilityHeight: 0
-            tooltip: Back to top
-- id: btn_back_top_progress
-  type: Button
-  layout:
-    flex: 0 0 auto
-  properties:
-    title: With scroll progress
-    color: primary
-    variant: outlined
-    icon: arrow-up
-  events:
-    onClick:
-      - id: set_back_top_progress
-        type: SetState
-        params:
-          float_active: true
-          float_props:
-            type: primary
-            backTop: true
-            showProgress: true
-            visibilityHeight: 0
-            tooltip: Back to top
-```
-
-```yaml
-- id: btn_disabled
-  type: Button
-  layout:
-    flex: 0 0 auto
-  properties:
-    title: Disabled
-    color: default
-    variant: outlined
-    icon: lock
-  events:
-    onClick:
-      - id: set_disabled
-        type: SetState
-        params:
-          float_active: true
-          float_props:
-            icon: add
-            disabled: true
-            tooltip: Adding is disabled
-```
-
 ```yaml
 - id: btn_theme_green
   type: Button
@@ -498,7 +425,7 @@ Floating action button with tooltip, badge, and icon.
     title: Green
     color: primary
     variant: outlined
-    icon: check
+    icon: AiOutlineCheck
   events:
     onClick:
       - id: set_theme_green
@@ -507,7 +434,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             type: primary
-            icon: check
+            icon: AiOutlineCheck
             tooltip: Green primary
             theme:
               colorPrimary: "#52c41a"
@@ -520,7 +447,7 @@ Floating action button with tooltip, badge, and icon.
     title: Dark
     color: default
     variant: outlined
-    icon: settings
+    icon: AiOutlineSetting
   events:
     onClick:
       - id: set_theme_dark
@@ -528,7 +455,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: settings
+            icon: AiOutlineSetting
             tooltip: Dark background
             theme:
               colorBgElevated: "#1f1f1f"
@@ -541,7 +468,7 @@ Floating action button with tooltip, badge, and icon.
     title: Large
     color: primary
     variant: outlined
-    icon: add
+    icon: AiOutlinePlus
   events:
     onClick:
       - id: set_theme_large
@@ -550,7 +477,7 @@ Floating action button with tooltip, badge, and icon.
           float_active: true
           float_props:
             type: primary
-            icon: add
+            icon: AiOutlinePlus
             tooltip: Large button
             theme:
               controlHeightLG: 56
@@ -563,7 +490,7 @@ Floating action button with tooltip, badge, and icon.
     title: Custom Badge
     color: default
     variant: outlined
-    icon: bell
+    icon: AiOutlineBell
   events:
     onClick:
       - id: set_theme_badge
@@ -571,7 +498,7 @@ Floating action button with tooltip, badge, and icon.
         params:
           float_active: true
           float_props:
-            icon: bell
+            icon: AiOutlineBell
             tooltip: Custom badge color
             badge:
               count: 3
@@ -584,24 +511,10 @@ Floating action button with tooltip, badge, and icon.
 | --- | --- | --- | --- |
 | `type` | string | `"default"` | Setting button type. Enum: `default`, `primary`. |
 | `shape` | string | `"circle"` | Setting button shape. Enum: `circle`, `square`. |
-| `description` | string | - | Text shown below the icon. Use a square shape for room to show it. |
-| `disabled` | boolean | `false` | Disable the button. |
-| `backTop` | boolean | `false` | Render a back to top button. It shows once the page scrolls past `visibilityHeight` and scrolls the page to the top when clicked. |
-| `visibilityHeight` | number | `400` | Scroll height in pixels after which the back to top button shows. Only applies with `backTop`. |
-| `duration` | number | `450` | Time in milliseconds to scroll back to the top. Only applies with `backTop`. Ignored when the user prefers reduced motion. |
-| `showProgress` | boolean | `false` | Show the scroll progress as a ring around the back to top button. Only applies with `backTop`. |
+| `description` | string | - | Text and other. |
 | `tooltip` | string | - | The text shown in the tooltip. |
 | `icon` | string \| object | - | Icon for the button. |
-| `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. |
-| `href` | string | - | The target of hyperlink. Not used with `backTop`. |
+| `href` | string | - | The target of hyperlink. |
 | `htmlType` | string | `"button"` | HTML button type. Enum: `button`, `submit`, `reset`. |
 | `target` | string | - | Specifies where to display the linked URL. |
 | `badge` | object | - | Badge configuration for the button. |
@@ -621,7 +534,7 @@ Floating action button with tooltip, badge, and icon.
 
 | Event | Event Data | Description |
 | --- | --- | --- |
-| `onClick` | \- | Trigger action when button is clicked. With `backTop`, fires after the page starts scrolling to the top. |
+| `onClick` | \- | Trigger action when button is clicked. |
 
 | Key | Target |
 | --- | --- |

package/content/display-blocks/html.md

@@ -295,69 +295,9 @@ Render raw HTML content safely.
       mode.</p>'
 ```
 
-```yaml
-- id: html_icons
-  type: Html
-  properties:
-    html: '<p><i data-icon="success" style="color: var(--ant-color-success)"></i>
-      Saved <span data-tooltip="Saved to the cloud 2 minutes ago"
-      style="text-decoration: underline dotted">just now</span></p><p><i
-      data-icon="warning" style="color: var(--ant-color-warning)"></i> 3 fields
-      need attention. <span data-popover="fields" style="color:
-      var(--ant-color-primary); cursor: pointer">Which? <i
-      data-icon="chevron-down"></i></span></p><div data-popover-content="fields"
-      hidden><ul style="margin: 0; padding-left:
-      16px"><li>Email</li><li>Phone</li><li>Address</li></ul></div>'
-```
-
-```yaml
-- id: html_links_tags
-  type: Html
-  properties:
-    html: <p><a data-page-id="Button">Button</a> moved to <span
-      data-tag="success">Released</span> · <a data-page-id="theming"
-      data-url-query="section=icons">Theming</a> is <span data-tag="warning">In
-      review</span> · <a href="https://ant.design" data-new-tab>Ant Design</a>
-      <i data-icon="external-link"></i></p><p><span
-      data-status="success">Online</span> &nbsp; <span
-      data-status="processing">Syncing</span> &nbsp; <span
-      data-status="error">Offline</span></p><p><span data-tag>Design</span>
-      <span data-tag>Engineering</span> <span data-tag>Support</span> <span
-      data-tag="purple">Beta</span> <span data-tag="#0f766e">Custom
-      colour</span></p>
-```
-
-```yaml
-- id: html_time_format
-  type: Html
-  properties:
-    html: '<p><span data-avatar="Jane Doe"></span> Jane Doe updated the invoice
-      <time datetime="2026-01-05T09:30:00Z" data-time="relative"></time> (<time
-      datetime="2026-01-05T09:30:00Z" data-time="D MMM YYYY"></time>) · <span
-      data-format="currency" data-currency="USD">1234.5</span> · <span
-      data-format="percent" data-decimals="1">0.123</span> of target · <span
-      data-format="bytes">1536000</span> attached</p><p>Invoice number <code
-      data-copy>INV-2026-0042</code> · owner <img data-avatar="Sam Smith" src=""
-      style="--lf-avatar-size: 32px"></p>'
-```
-
-```yaml
-- id: html_truncate_tone
-  type: Html
-  properties:
-    html: '<div style="max-width: 320px"><div data-truncate><b>Quarterly report for
-      the northern region, including every branch and its targets</b></div><div
-      data-truncate="2" data-tone="secondary">The report covers revenue, costs
-      and headcount for each branch, compares them with the same quarter last
-      year, and lists the actions each branch manager agreed for the next
-      quarter.</div><div><span data-tone="tertiary">Updated 3 days ago</span> ·
-      <span data-tone="success">On track</span> · <span
-      data-tone="quaternary">—</span></div></div>'
-```
-
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
-| `html` | string | - | Content to be rendered as Html. It understands these attributes: data-icon="edit" renders an icon (a semantic name like edit, delete or warning, or a Lucide icon name like Pencil); data-tooltip="Text" shows a tooltip on hover and focus; data-popover="id" toggles a popover showing the element with data-popover-content="id" (mark it hidden);  links to an app page without reloading (never hard-code href="/page"); data-link opts an existing app-relative  into the same navigation; data-new-tab opens a link in a new tab (target is stripped by sanitising); data-tag="success" renders a tinted status tag and data-status="success" a status dot (tones success, processing, info, warning, error, default, an antd preset colour, a CSS colour, or any other value to seed a stable colour);  renders a date as relative, date, datetime, time or a dayjs format; data-format="currency" data-currency="USD" formats the element's number as number, currency, percent, compact or bytes; data-avatar="Jane Doe" renders initials (on an , a fallback for a broken image; never use an avatar image service); data-copy adds a copy button for the element's text or the attribute's value; data-truncate="2" clamps block text to 1–6 lines with the full text in a tooltip when cut off; data-tone="secondary" colours text with a theme tone (secondary, tertiary, quaternary, success, warning, error, info). See the HTML attributes docs page. |
+| `html` | string | - | Content to be rendered as Html. |
 
 | Event | Event Data | Description |
 | --- | --- | --- |