Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions learn/app-development/widgets/basic/label.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,8 @@ The Label widget supports simple rich text formatting in captions:
| **Animation** | This property controls the animation of an element. The animation is based on the CSS classes and works only in the run mode. |
| **Format** |
| Horizontal align | This property specifies how the elements should be aligned horizontally. |
| **Text Animation** (React Native Only) | Controls word-by-word text animation effect. |
| **Animation Speed** (React Native Only) | Controls the timing delay between words in **Text Animation**. Higher values create slower word-by-word transitions (in milliseconds). |

# Events

Expand Down
7 changes: 7 additions & 0 deletions learn/app-development/widgets/form-widgets/chips.md
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,13 @@ Chips Widget is one of the Form Widgets. It is available to be used as a standal
| Disabled | If the disabled property is true (checked) the widget becomes display-only and your input will not be accepted. It can also be set programmatically by binding it to a boolean type variable. |
| Min Chars | The minimum number of characters you can enter before the search query is triggered. The value should be greater than 0. The default value is 1. |
| Skip on change event from script | When enabled, the `Change` callback will only trigger when the user updates the value from the UI, and not when it's updated through scripts. This property is disabled by default. |
| Selection Mode (React Native Only) | Determines how many chips can be selected at a time. <br/> - **single**: Only one chip can be selected at a time. <br/> - **multiple**: Multiple chips can be selected simultaneously. |
| **Graphics** ||
| Left Icon Class (React Native Only) | Icon to display on the left side of each chip. |
| Right Icon Class (React Native Only) | Icon to display on the right side of each chip. |
| Left Badge (React Native Only) | Text badge to display on the left side of each chip. |
| Right Badge (React Native Only) | Text badge to display on the right side of each chip. |
| Selected Icon Class (React Native Only) | Icon to display on selected chips to indicate selection. It is displayed on the left side of the chip. If there is any icon selected using *Left Icon Class* for left side, it will be overridden by *Selected Icon Class* when the chip is selected. |

## Events

Expand Down
10 changes: 10 additions & 0 deletions learn/app-development/widgets/mobile-widgets/bottom-sheet.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,9 @@ It’s ideal for use cases like:
| **Show On Render** | `boolean`| If `true`, the sheet opens automatically on page load. |
| **Expand** | `boolean`| Enables expansion on swipe-up, if set to `true`. |
| **Bottom Sheet Expanded Height Ratio** | `number` | Sets the height for Bottom Sheet in expanded form. |
| **Auto Close** | `string` | Controls when (or whether) the bottom sheet closes automatically.<br/> It supports two values:<br/>• `outsideClick` — sheet will close when user taps anywhere outside the sheet content.<br/>• `disabled` — tapping outside does not close the sheet. |
| **Disable Swipe Down Close** | `boolean` | When true, prevents fully closing the sheet via swipe down. Instead, on swipe-down it collapses to a minimum sheet height. |
| **Enable Drag Settle** | `boolean` | When true, after the user swipes down and releases, the sheet remains at the position where it was released (rather than auto-closing or snapping). |

---

Expand All @@ -50,6 +53,7 @@ It’s ideal for use cases like:
|--------------|--------------------------------------|
| **On Open** | Triggered when the bottom sheet is opened. |
| **On Close** | Triggered when the bottom sheet is closed. |
| **onDragHandleIconClick** | Triggered when the bottom sheet drag handle icon is clicked. |

---

Expand All @@ -61,6 +65,12 @@ Below methods are available for Bottom Sheet widget.

- `close()` - Closes the bottom sheet.

- `expandBottomSheet()` - Expands the bottom sheet height to the specified **Bottom Sheet Expanded Height Ratio** value.

- `collapseBottomSheet()` - Collapses the bottom sheet height to the specified **Bottom Sheet Height Ratio** value.

- `isSheetExpanded()` - Returns true if the bottom sheet is currently expanded; otherwise false.

These methods on Bottom Sheet widget can be triggered by selecting as *Tap Events* for other supported widgets like *Button*.
You can also call them on Bottom Sheet widgets in Script tab.
Example
Expand Down