Toggle Button
Icon toggle is used to switch between two possible states displayed with icons.
| Class | Type | |
|---|---|---|
toggle-button
|
Icon Toggle | A class representing an icon toggle. |
Components
Icons Toggle inner parts are:
| Class | Type | |
|---|---|---|
toggle-button-list
|
A class that wraps both toggle items | |
toggle-button-item
|
A class that wraps one toggle item | |
toggle-button-element
|
An icon button |
States
To disable the toggle, add the following attribute:
| Attribute | Type | |
|---|---|---|
disabled
|
Disabled | Use whenever clicking on a toggle isn’t allowed. |
Icon Toggle with Tooltip
In the Appwrite console, we display a tooltip on hover, as shown below: