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

package/content/container-blocks/affix.md

@@ -67,45 +67,6 @@ An Affix block makes its content stick to the viewport when scrolling.
         size: small
 ```
 
-Scroll this panel. The toolbar sticks to the top of the panel instead of the page, because `target` names the panel's id. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-```yaml
-- id: affix_panel
-  type: Box
-  class:
-    .element: h-48 overflow-y-auto rounded border border-gray-200 p-3
-  blocks:
-    - id: affix_panel_toolbar
-      type: Affix
-      properties:
-        offsetTop: 0
-        target: affix_panel
-      blocks:
-        - id: affix_panel_toolbar_btn
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Save changes
-            icon: save
-            size: small
-    - id: affix_panel_text
-      type: Paragraph
-      properties:
-        content: Scroll this panel. The toolbar sticks to the top of the panel instead
-          of the page, because `target` names the panel's id. Lorem ipsum dolor
-          sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-          commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-          velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-          occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-          mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur
-          adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-          ullamco laboris nisi ut aliquip ex ea commodo consequat.
-```
-
 ```yaml
 - id: affix_offset_bottom_0
   type: Affix
@@ -248,7 +209,7 @@ Scroll this panel. The toolbar sticks to the top of the panel instead of the pag
   layout:
     flex: 0 0 auto
   class:
-    .element: shadow-lg rounded-lg
+    element: shadow-lg rounded-lg
   properties:
     offsetTop: 10
   blocks:
@@ -266,7 +227,7 @@ Scroll this panel. The toolbar sticks to the top of the panel instead of the pag
   layout:
     flex: 0 0 auto
   class:
-    .element: ring-2 ring-green-400 rounded-lg
+    element: ring-2 ring-green-400 rounded-lg
   properties:
     offsetTop: 10
   blocks:
@@ -355,7 +316,7 @@ Edit Employee Record
                     flex: 0 0 auto
                   properties:
                     title: Save Changes
-                    icon: save
+                    icon: AiOutlineSave
                     color: primary
                     variant: solid
                     size: small
@@ -401,7 +362,7 @@ Edit Employee Record
                 flex: 0 0 auto
               properties:
                 title: Delete
-                icon: delete
+                icon: AiOutlineDelete
                 color: danger
                 variant: outlined
                 size: small
@@ -418,7 +379,7 @@ Edit Employee Record
                 flex: 0 0 auto
               properties:
                 title: Export
-                icon: download
+                icon: AiOutlineDownload
                 color: primary
                 variant: solid
                 size: small
@@ -434,14 +395,13 @@ Edit Employee Record
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `offsetBottom` | number | - | Offset from the bottom of the viewport (in pixels). |
-| `offsetTop` | number | `0` | Offset from the top of the viewport (in pixels). |
-| `target` | string | - | Id of the scrollable element the content sticks to, for example a scrolling panel. Defaults to the page window. |
+| `offsetTop` | number | - | Offset from the top of the viewport (in pixels). |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design affix tokens](https://ant.design/components/affix#design-token). |
 | `theme.zIndexPopup` | number | `10` | Z-index of the affix element when fixed. |
 
 | Event | Event Data | Description |
 | --- | --- | --- |
-| `onChange` | `{ affixed }` | Triggered when container affix status changes. |
+| `onChange` | \- | Triggered when container affix status changes. |
 
 | Key | Target |
 | --- | --- |

package/content/container-blocks/alert.md

@@ -33,26 +33,6 @@ Alert banner with type, description, icon, and closable options.
     type: error
 ```
 
-> Backup completed
-
-> Two invoices are overdue
-
-```yaml
-- id: filled_success
-  type: Alert
-  properties:
-    message: Backup completed
-    type: success
-    variant: filled
-- id: filled_warning
-  type: Alert
-  properties:
-    message: Two invoices are overdue
-    description: Send a reminder to the customer or mark the invoices as paid.
-    type: warning
-    variant: filled
-```
-
 > Payment Received
 
 > Scheduled Maintenance
@@ -206,18 +186,6 @@ Alert banner with type, description, icon, and closable options.
     closable: true
 ```
 
-> Your session will expire in 5 minutes
-
-```yaml
-- id: close_icon_circle
-  type: Alert
-  properties:
-    message: Your session will expire in 5 minutes
-    type: warning
-    closable: true
-    closeIcon: close-circle
-```
-
 > Cookie consent notice
 
 > New features available
@@ -285,25 +253,25 @@ Alert banner with type, description, icon, and closable options.
   properties:
     message: All tests passed
     type: success
-    icon: check-circle
+    icon: AiOutlineCheckCircle
 - id: custom_icon_bell
   type: Alert
   properties:
     message: You have 3 new notifications
     type: info
-    icon: bell
+    icon: AiOutlineBell
 - id: custom_icon_lock
   type: Alert
   properties:
     message: Your session has been locked for security
     type: warning
-    icon: lock
+    icon: AiOutlineLock
 - id: custom_icon_bug
   type: Alert
   properties:
     message: Bug detected in module
     type: error
-    icon: Bug
+    icon: AiOutlineBug
 - id: custom_icon_rocket
   type: Alert
   properties:
@@ -311,21 +279,21 @@ Alert banner with type, description, icon, and closable options.
     description: Your application is being deployed to the production environment.
       This usually takes 2-3 minutes.
     type: info
-    icon: Rocket
+    icon: AiOutlineRocket
 - id: custom_icon_star
   type: Alert
   properties:
     message: You earned a new achievement
     description: Congratulations on completing your first project!
     type: success
-    icon: star
+    icon: AiOutlineStar
 - id: custom_icon_object
   type: Alert
   properties:
     message: Custom styled icon
     type: info
     icon:
-      name: Zap
+      name: AiOutlineThunderbolt
       color: "#faad14"
 - id: custom_icon_colored_obj
   type: Alert
@@ -334,7 +302,7 @@ Alert banner with type, description, icon, and closable options.
     description: No vulnerabilities were detected in your dependencies.
     type: success
     icon:
-      name: Shield
+      name: AiOutlineSafety
       color: "#52c41a"
 ```
 
@@ -564,7 +532,7 @@ Alert banner with type, description, icon, and closable options.
             flex: 0 0 auto
           properties:
             title: Download
-            icon: download
+            icon: AiOutlineDownload
             color: green
             variant: solid
             size: small
@@ -589,7 +557,7 @@ Alert banner with type, description, icon, and closable options.
     type: success
     closable: true
     closeText: OK
-    icon: CloudUpload
+    icon: AiOutlineCloudUpload
 - id: combo_full_warning
   type: Alert
   properties:
@@ -598,7 +566,7 @@ Alert banner with type, description, icon, and closable options.
       requests). Consider implementing request caching.
     type: warning
     closable: true
-    icon: Plug
+    icon: AiOutlineApi
 - id: combo_full_error
   type: Alert
   properties:
@@ -608,7 +576,7 @@ Alert banner with type, description, icon, and closable options.
       locked.
     type: error
     closable: true
-    icon: warning
+    icon: AiOutlineWarning
 - id: combo_banner_closable_icon
   type: Alert
   properties:
@@ -616,7 +584,7 @@ Alert banner with type, description, icon, and closable options.
     type: info
     banner: true
     closable: true
-    icon: FlaskConical
+    icon: AiOutlineExperiment
 - id: combo_noicon_closable_desc
   type: Alert
   properties:
@@ -797,7 +765,7 @@ Alert banner with type, description, icon, and closable options.
     description: <ul><li>Email address is required</li><li>Password must be at least
       8 characters</li><li>Please agree to the terms of service</li></ul>
     type: error
-    icon: CircleAlert
+    icon: AiOutlineExclamationCircle
 - id: real_onboarding
   type: Alert
   properties:
@@ -806,7 +774,7 @@ Alert banner with type, description, icon, and closable options.
       members from the Settings page.
     type: info
     closable: true
-    icon: FaceSlightlySmiling
+    icon: AiOutlineSmile
   slots:
     action:
       blocks:
@@ -819,7 +787,7 @@ Alert banner with type, description, icon, and closable options.
             color: primary
             variant: solid
             size: small
-            icon: add
+            icon: AiOutlinePlus
 - id: real_deprecation
   type: Alert
   properties:
@@ -830,7 +798,7 @@ Alert banner with type, description, icon, and closable options.
     type: warning
     closable: true
     closeText: Acknowledged
-    icon: clock
+    icon: AiOutlineClockCircle
 - id: real_maintenance
   type: Alert
   properties:
@@ -847,7 +815,7 @@ Alert banner with type, description, icon, and closable options.
     description: "Application <b>my-app</b> has been deployed to
       <code>production</code> environment. Build #1847 completed in 2m 34s."
     type: success
-    icon: check-circle
+    icon: AiOutlineCheckCircle
   slots:
     action:
       blocks:
@@ -874,7 +842,7 @@ Alert banner with type, description, icon, and closable options.
                 color: green
                 variant: solid
                 size: small
-                icon: link
+                icon: AiOutlineLink
 - id: real_quota_warning
   type: Alert
   properties:
@@ -883,7 +851,7 @@ Alert banner with type, description, icon, and closable options.
       Current usage: 18.4 / 20 vCPUs. Consider scaling your plan or optimizing
       workloads."
     type: warning
-    icon: Gauge
+    icon: AiOutlineDashboard
   slots:
     action:
       blocks:
@@ -903,7 +871,7 @@ Alert banner with type, description, icon, and closable options.
     description: You do not have permission to view this resource. Contact your
       administrator to request access to the Analytics dashboard.
     type: error
-    icon: Ban
+    icon: AiOutlineStop
     closable: true
 - id: real_feature_flag
   type: Alert
@@ -914,39 +882,19 @@ Alert banner with type, description, icon, and closable options.
     type: info
     closable: true
     closeText: Understood
-    icon: FlaskConical
+    icon: AiOutlineExperiment
 ```
 
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `banner` | boolean | `false` | Style as banner at top of application window. |
 | `closable` | boolean | `false` | Allow alert to be closed. |
-| `closeIcon` | 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 the close icon of a closable alert. |
-| `closeIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `closeIcon.color` | string | - | Icon color. |
-| `closeIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `closeIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `closeIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `closeIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `closeIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `closeIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `closeIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `closeText` | string | - | Close text to show instead of the close icon. Makes the alert closable. |
+| `closeText` | string | - | Close text to show. |
 | `description` | string | - | Content description of alert - supports html. |
-| `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 alert icon. |
-| `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 Ant Design Icon or properties of an Icon block to customize alert icon. |
 | `message` | string | - | Content message of alert - supports html. |
 | `showIcon` | boolean | `true` | Show type default icon. |
 | `type` | string | `"info"` | Alert style type. Enum: `success`, `info`, `warning`, `error`. |
-| `variant` | string | `"outlined"` | Alert style variant. `filled` hides the border and keeps the background tint. Enum: `outlined`, `filled`. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design alert tokens](https://ant.design/components/alert#design-token). |
 | `theme.defaultPadding` | string | `"8px 12px"` | Default padding for the alert without description. |
 | `theme.withDescriptionPadding` | string | `"20px 24px"` | Padding for the alert when a description is present. |

package/content/container-blocks/badge.md

@@ -104,7 +104,7 @@ U
     - id: dot_on_icon_avatar_child
       type: Avatar
       properties:
-        icon: bell
+        icon: AiOutlineBell
         shape: square
 - id: dot_on_button
   type: Badge
@@ -483,7 +483,7 @@ U
   layout:
     flex: 0 0 auto
   properties:
-    icon: bell
+    icon: AiOutlineBell
   blocks:
     - id: icon_bell_child
       type: Avatar
@@ -496,7 +496,7 @@ U
     flex: 0 0 auto
   properties:
     icon:
-      name: clock
+      name: AiOutlineClockCircle
       color: "#1677ff"
   blocks:
     - id: icon_clock_child
@@ -510,7 +510,7 @@ U
     flex: 0 0 auto
   properties:
     icon:
-      name: CircleAlert
+      name: AiOutlineExclamation
       color: "#faad14"
   blocks:
     - id: icon_exclamation_child
@@ -573,8 +573,6 @@ U
 
 U
 
-N
-
 ```yaml
 - id: title_tooltip
   type: Badge
@@ -601,20 +599,7 @@ N
       type: Avatar
       properties:
         shape: square
-        icon: user
-- id: title_tooltip_off
-  type: Badge
-  layout:
-    flex: 0 0 auto
-  properties:
-    count: 3
-    title: false
-  blocks:
-    - id: title_tooltip_off_child
-      type: Avatar
-      properties:
-        shape: square
-        content: N
+        icon: AiOutlineUser
 ```
 
 JD
@@ -655,7 +640,7 @@ JD
     - id: wrap_icon_bell_child
       type: Icon
       properties:
-        name: bell
+        name: AiOutlineBell
         size: 24
 - id: wrap_icon_mail
   type: Badge
@@ -667,58 +652,10 @@ JD
     - id: wrap_icon_mail_child
       type: Icon
       properties:
-        name: mail
+        name: AiOutlineMail
         size: 24
 ```
 
-Up to 20 members, shared workspaces and priority support.
-
-Pay yearly and save on every seat.
-
-```yaml
-- id: ribbon_row
-  type: Box
-  layout:
-    gap: 24
-  blocks:
-    - id: ribbon_recommended
-      type: Badge
-      layout:
-        span: 12
-      properties:
-        ribbon:
-          text: Recommended
-      blocks:
-        - id: ribbon_recommended_card
-          type: Card
-          properties:
-            title: Team plan
-          blocks:
-            - id: ribbon_recommended_text
-              type: Paragraph
-              properties:
-                content: Up to 20 members, shared workspaces and priority support.
-    - id: ribbon_sale
-      type: Badge
-      layout:
-        span: 12
-      properties:
-        ribbon:
-          text: 20% off
-          color: volcano
-          placement: start
-      blocks:
-        - id: ribbon_sale_card
-          type: Card
-          properties:
-            title: Annual billing
-          blocks:
-            - id: ribbon_sale_text
-              type: Paragraph
-              properties:
-                content: Pay yearly and save on every seat.
-```
-
 U
 
 U
@@ -734,7 +671,7 @@ U
     count: 5
   style:
     .indicator:
-      boxShadow: "0 0 0 2px #1677ff"
+      boxShadow: 0 0 0 2px
   blocks:
     - id: css_indicator_shadow_child
       type: Avatar
@@ -785,7 +722,7 @@ Inbox
 - id: tw_element_margin
   type: Badge
   class:
-    .element: mr-8
+    element: mr-8
   layout:
     flex: 0 0 auto
   properties:
@@ -799,7 +736,7 @@ Inbox
 - id: tw_indicator_animate
   type: Badge
   class:
-    .indicator: animate-bounce
+    indicator: animate-bounce
   layout:
     flex: 0 0 auto
   properties:
@@ -813,7 +750,7 @@ Inbox
 - id: tw_badge_in_box
   type: Badge
   class:
-    .element: p-1
+    element: p-1
   layout:
     flex: 0 0 auto
   properties:
@@ -951,7 +888,7 @@ JD
         flex: 1 1 0
       properties:
         placeholder: Search...
-        prefixIcon: search
+        prefixIcon: AiOutlineSearch
     - id: rw_notif_badge_mail
       type: Badge
       layout:
@@ -963,7 +900,7 @@ JD
         - id: rw_notif_mail_btn
           type: Button
           properties:
-            icon: mail
+            icon: AiOutlineMail
             color: default
             variant: text
             hideTitle: true
@@ -984,7 +921,7 @@ JD
         - id: rw_notif_bell_btn
           type: Button
           properties:
-            icon: bell
+            icon: AiOutlineBell
             color: default
             variant: text
             hideTitle: true
@@ -1001,7 +938,8 @@ JD
         flex: 0 0 auto
       properties:
         content: JD
-        color: "#1677ff"
+        color: "#fff"
+        backgroundColor: "#1677ff"
 ```
 
 #ORD-1042
@@ -1164,7 +1102,7 @@ James Wilson
       class: justify-start w-full
       properties:
         title: Inbox
-        icon: Inbox
+        icon: AiOutlineInbox
         color: primary
         variant: text
       events:
@@ -1188,7 +1126,7 @@ James Wilson
       class: justify-start w-full
       properties:
         title: Alerts
-        icon: Siren
+        icon: AiOutlineAlert
         color: default
         variant: text
       events:
@@ -1211,7 +1149,7 @@ James Wilson
       class: justify-start w-full
       properties:
         title: Tasks
-        icon: SquareCheck
+        icon: AiOutlineCheckSquare
         color: default
         variant: text
       events:
@@ -1232,7 +1170,7 @@ James Wilson
       class: justify-start w-full
       properties:
         title: Settings
-        icon: settings
+        icon: AiOutlineSetting
         color: default
         variant: text
       events:
@@ -1249,26 +1187,13 @@ James Wilson
 | `count` | number \| string | - | Text to show in badge. |
 | `dot` | boolean | `false` | Whether to display a red dot instead of count. |
 | `size` | string | `"default"` | Sets the size of badge if count is set. Enum: `default`, `small`. |
-| `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 badge. |
-| `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 badge. |
 | `offset` | array | - | Set offset of the badge dot, array of numbers for x and y offset ([x,y]). |
 | `overflowCount` | number | `99` | Max count to show |
 | `showZero` | boolean | `false` | Whether to show badge when count is zero. |
 | `status` | string | `null` | Set Badge as a status dot. Enum: `success`, `processing`, `default`, `error`, `warning`. |
 | `text` | string | - | If status is set, text sets the display text of the status dot. |
-| `ribbon` | object | - | Render a ribbon on the corner of the content area instead of a count badge. Count, dot and status properties are ignored when ribbon is set. |
-| `ribbon.text` | string | - | Text inside the ribbon. |
-| `ribbon.color` | string | - | Ribbon color. A preset color name or any css color. |
-| `ribbon.placement` | string | `"end"` | Corner of the content the ribbon is placed on. `start` and `end` follow the text direction. Enum: `start`, `end`. |
-| `title` | string \| boolean | - | Text to show when hovering over the badge. Set to false to remove the native tooltip. |
+| `title` | string | - | Text to show when hovering over the badge. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design badge tokens](https://ant.design/components/badge#design-token). |
 | `theme.indicatorHeight` | number | `20` | Height of the badge indicator. |
 | `theme.indicatorHeightSM` | number | `14` | Height of the badge indicator in small size. |
@@ -1276,7 +1201,6 @@ James Wilson
 | `theme.textFontSize` | number | `12` | Font size for badge count text. |
 | `theme.textFontSizeSM` | number | `12` | Font size for badge count text in small size. |
 | `theme.textFontWeight` | string | `"normal"` | Font weight for badge count text. |
-| `theme.paddingInline` | number \| string | `8` | Inline padding of a badge count with several characters. |
 | `theme.textLineHeight` | number | - | Line height for badge count text. |
 | `theme.statusSize` | number | `6` | Size of the status dot. |
 | `theme.indicatorZIndex` | number \| string | `"auto"` | Z-index of the badge indicator. |
@@ -1289,9 +1213,9 @@ No events defined.
 | Key | Target |
 | --- | --- |
 | `/block` | Outer block wrapper (always available). |
-| `/element` | The Badge element, or the ribbon wrapper when ribbon is set. |
+| `/element` | The Badge element. |
 | `/icon` | The icon in the Badge. |
-| `/indicator` | The Badge count or dot indicator, or the ribbon when ribbon is set. |
+| `/indicator` | The Badge indicator. |
 
 | Slot | Description |
 | --- | --- |