These properties provide options to customize the formatting of buttons.
These properties are customizable options present in the property pane of the widget, allowing users to modify the widget according to their preferences.
- Simple: You can add text buttons to the group. Each button can be customized with different labels, colors, and actions.
- Menu: You can add menu items to a button in the group. This allows you to create a dropdown menu with multiple items. For information on configuring menu items in the button group, refer to Menu Items.
Sets the text label for a item. It can be a static text value or dynamically bound to a datasource.
Allows you to show or hide the menu item based on specific conditions.
Allows you to disable input for a item. This can be beneficial when you want to restrict user interaction with the item in specific situations.
Style properties allow you to change the look and feel of the widget.
Specifies the icon to be displayed on the button. Additionally, you can use JS to dynamically set the icon. Appsmith utilizes the icons from the Blueprintjs library.
This property allows you to configure the Icon's placement.
- Left: Aligns the Icon to the left side of the Label.
- Right: Aligns the Icon to the right side of the Label.
Determines the spacing between the Icon and the Label.
Determines the color of the button displayed for each item in the button group.
Allows you to configure actions to be executed when the button is clicked.