Gaia/Design/BuildingBlocks: Difference between revisions

Gaia/Design/BuildingBlocks (view source)

548 bytes added , 23 January 2013

m

minor additions to buttons section

Confirmed users

34

edits

@@ Line 101: / Line 101: @@
 ==Buttons==
+'''Used for:'''
+* Buttons allow users to perform an action when tapped. The action is communicated using text and/or an icon.
 '''Characteristics:'''
-* Have two components: visual target and hit target.
+* Have two components: visual target and hit target. The hit target is always larger to assist users in hitting the target.
-* Later is always larger. Has minimum sizes.
+* States:
+** Normal
+** Pressed
+** Disabled
 * Types:
-** Icon + text
+** <b>Action buttons</b> - used when there are only a few actions and a list is not required. The main action button uses a highlight colour.
-** Icon only
+** <b>List buttons</b> - used when displaying a list of actions or to trigger the display of a value selector
-** Text only
+** <b>Input field buttons</b> - used to perform actions with input fields
-* States:
+** <b>Special / custom buttons</b> - used for specific actions including recording, dialing, and others.
-** normal
-** Active (pressed)
 * [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/buttons.css Link to CSS in Github ]