Gaia/Design/Components: Difference between revisions

Jump to navigation Jump to search
no edit summary
(Created page with "==Buttons== '''Characteristics:''' * Have two components: visual target and hit target. * Later is always larger. Has minimum sizes. * Types: ** Icon + text ** Icon only ** Tex...")
 
No edit summary
Line 12: Line 12:




== Dialogues: Alerts ==
== Dialogue: Prompt ==


'''Used for:'''
'''Used for:'''
Line 31: Line 31:




== Dialogues: Menus ==
== Dialogue: Action Menu ==


'''Used for:'''
'''Used for:'''
Line 52: Line 52:




== Dialogues: Popups ==
== Dialogue: Object Menu ==


'''Used for:'''
'''Used for:'''
Line 72: Line 72:
[[Image:Gaia_BB_DialoguePopup_2.png|Dialogue: Popup 2]]
[[Image:Gaia_BB_DialoguePopup_2.png|Dialogue: Popup 2]]
[[Image:Gaia_BB_DialoguePopup_3.png|Dialogue: Popup 3]]
[[Image:Gaia_BB_DialoguePopup_3.png|Dialogue: Popup 3]]
== Dialogue: Banner ==
'''Used for:'''
* Banners confirm a user action, and optionally provide a follow up action (eg: Undo).

'''Characteristics:'''
* Typically appear after a multi-select edit. eg:
** Deleting multiple photos from (Gallery)
** Deleting multiple emails (Email)
** Moving multiple emails (Email)
* Toasts are positioned at the bottom of—and layered on top of—their associated content view.
* Toasts should be non-intrusive, and never cover up other UI elements (eg: toolbar, tabs, etc).
* Optionally provide opportunity to take related secondary action via button (eg: Undo).
[[Image:Gaia_BB_DialogueToasts.png|Dialogue: Toast 1]]
[[Image:Gaia_BB_DialogueToasts_2.png|Dialogue: Toast 2]]




816

edits

Navigation menu