Modals are containers that appear with a scrim (semi-transparent overlay) on top of the window or content the user is currently interacting with. Modals draw attention to actions that must be taken before they can be dismissed.
||Modal||A class representing a modal|
Modals consist of five components:
To open or close a modal, use the native
close() methods. For more information, please refer to the MDN documentation.
In the Appwrite console, we use three sizes of modals:
State class which allow to seperate the header with border.
||Add Border bottom to header of Modal|
Modals are used mostly for the creation or deletion of an object. Modals can include avatars, buttons, illustrations, tags and text.