Buttons

[thibautsailly]

Design and document buttons.

Ressources

Github
IBM
UK gov
US gov
Stripe
Apple

[thibautsailly]

Here are the facets considered to start building our buttons:

• anatomy
• interactivity
• role
• size
• layout

[thibautsailly]

Gov uk makes a clever distinction for start buttons. Their role is to initiate a process, not to submit information; it makes sense that they would be presented differently from primary buttons.

[thibautsailly]

Disabled buttons are out, inactive buttons are in: disabled buttons are unclickable and leave no clue as to why they ended up in this state. Inactive buttons on the other end are clickable, but won't do anything but display a short message explaining why the action can't be performed. See Github's explanation.

[thibautsailly]

Wikimedia proposes a toggle button, but it seems out of place in buttons. It's a different component in itself and will be specified as such.

[thibautsailly]

Adding an icon to a button should happen for actions where the icon is very familiar with users (see Apple's HIG). For OSRD, it will probably concern actions which are not so common for the general public but are well identify for railway industry members.