Design/Archive/Wikimedia Foundation Design/Agora Control Library/Behavior
 | This page is obsolete. It is being retained for archival purposes. It may document extensions or features that are obsolete and/or no longer supported. Do not rely on the information here being up-to-date. |
 | This page is currently a draft.
|
Buttons
[edit]How do I know what button style to use?
How do I know which color (function) button to use?
Can I use multiple primary CTA buttons in one user flow?
Can I use multiple secondary CTA buttons in one user flow?
What counts as a destructive action?
How do I order action buttons?
When do I use validation to disable buttons?
When do I stack buttons vertically vs horizontally?
When should I use mw-ui-big?
Form fields
[edit]When do I use different fields types (normal, validated, password, calendar, single line, multi-line)
How do I know how long a form field should be?
When do I stack form fields vs keeping them on the same line?
When do I include buttons and form fields on the same line vs stacking?
How do I know when to use error text vs informational flyouts?
Dialogs
[edit]How do I determine if I use a modal or modeless dialog?
How do I know if my dialog should have a close button?
Flyout / popover
[edit]When should I use flyouts?
When do I use actionable versus informational flyouts?
Can flyouts have CTA buttons?
Action bar
[edit]What buttons belong in an action bar?
What buttons do not belong in an action bar?