Lets you create simple and elegant button group. It can be configured for single selection or multi selection. For multi selection the minimum/maximum amount of buttons that are required/enabled can be specified. Icon’s can be added. Selection includes a fun press and circular reveal animation.
Create button container in a layout
Add a new button to the group. If no selected text is provided then default text is used. If no selected icon is provided then default icon is used.
Remove button from group
Maximum number of items that can be selected. Default value is 1
Required selection amount. Default value is 1
Item spacing. Default is 8.
Read detailed docs about flex properties here :
Custom font for text. Upload font as asset.
Selected text color
Horizontal text padding.
Vertical text padding
Selected background color.
Icon size. Default is 24.
Space between icon and text.
Card border radius. To create a circular radius use value
Selected border width.
Selected border color.
Event raised when item is selected.
I, Zain Ul Hassan, attest that I am the author of the ToggleGroup extension, grant that the extension included in this project is free and that MIT has a non-exclusive irrevocable license to republish the extension as part of the project file for the purposes of the MIT App Inventor Appathon 2021.