diff options
| author | Allison Whilden <allison@gitlab.com> | 2017-02-03 15:08:20 -0800 |
|---|---|---|
| committer | Allison Whilden <allison@gitlab.com> | 2017-02-03 15:08:20 -0800 |
| commit | 186e60f2e74305ef476299e558a17014bdc37d2c (patch) | |
| tree | 3cb35854bf4ceeab1ca354cbd2806951b061dabe | |
| parent | 575aea54e4ab83c93cd69413479372815cd287c5 (diff) | |
| download | gitlab-ce-ux-guide-button-placement.tar.gz | |
[ci skip] UX Guide: Button placement in groupsux-guide-button-placement
| -rw-r--r-- | doc/development/ux_guide/components.md | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/doc/development/ux_guide/components.md b/doc/development/ux_guide/components.md index 1b19587a0b8..18d0647c798 100644 --- a/doc/development/ux_guide/components.md +++ b/doc/development/ux_guide/components.md @@ -96,6 +96,20 @@ Since secondary buttons only have a border on their resting state, their hover a | Background: `$color-light` <br> Border: `$border-color-light` |  |  |  | | Background: `$color-normal` <br> Border: `$border-color-normal` |  |  |  | +### Placement + +When there are a group of buttons in a dialog or a form, we need to be consistent with the placement. + +#### Dismissive actions on the left +The dismissive action returns the user to the previous state. + +> Example: Cancel + +#### Affirmative actions on the right +Affirmative actions continue to progress towards the user goal that triggered the dialog or form. + +> Example: Submit, Ok, Delete + --- |