[Gallery][UI Components- Button] - Description and the behaviour of 'Icon Buttons' are not matching.

[jhanvi03]

Description:

Description and the behaviour of 'Icon Buttons' are not matching. Description on site says that on click it should be 'ON' of 'OFF' but while clicking the state of the 'Icon Buttons' button should be 'ON" or 'OFF' but while clicking it is not showing any action performed. the Behaviour of 'Icon Buttons' are same on the 'Overview page' & 'UI Components -> Buttons' page.
There is one relative issue opened by Agnes: unoplatform/Uno.Gallery#908

current description of the button on UNO site:

Current behavior

Onclick the state of the button is not changing or visible.

Screen.Recording.2024-06-28.at.1.34.35.PM.mov

Expected behavior

User should be able to see the change of the state either 'ON' or 'OFF' as mentioned in the 'ICON Buttons' description.

Screen.Recording.2024-06-28.at.1.35.48.PM.mov

How to reproduce it (as minimally and precisely as possible)

1. Open wasm on windows and mac in any of the web browser.
2. Navigate to Menu
3. Turn the toggle for 'Light Mode'
4. On Menu select click on 'UI components'
5. From 'UI components' select 'Buttons' and on the right side scroll down to 'Icon Buttons'
6. Click on the enabled 'Star' Icon.
7. Now again Navigate to Menu and turn the toggle ON for Dark Mode
8. follow steps 2 to 7

Environment

Nuget Package:

Package Version(s):

Affected platform(s):

• [Y] iOS
• [Y] Android
• [Y] WebAssembly
• [Y] WebAssembly renders for Xamarin.Forms
• [Y] Windows
• Build tasks

Visual Studio:

• 2017 (version: )
• 2019 (version: )
• for Mac (version: )

Relevant plugins:

• Resharper (version: )

Anything else we need to know?