Toggle Button Group
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.
Docs
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
Button Group Properties
Selection animation.
| CircularReveal | Fade | HorizontalSlide |
|---|---|---|
 |
 |
 |
| VerticalSlide | HorizontalWindow | VerticalWindow |
|---|---|---|
 |
 |
 |
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 :
Button Properties
Custom font for text. Upload font as asset.
Font size.
Text color.
Selected text color
Horizontal text padding.
Vertical text padding
Backgroud color.
Selected background color.
Icon size. Default is 24.
Space between icon and text.
Card border radius. To create a circular radius use value 155.
Border width.
Selected border width.
Border color.
Selected border color.
Events
Event raised when item is selected.
Downloads
AIX File : com.dreamers.togglegroup.aix (94.2 KB)
AIA File : toggle_group.aia (158.6 KB)
Special Thanks
Special Thanks to @Shreyash for rush. And special thanks Bryan de Ridder for his awesome library. And to @KodularCreator.
License
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.
