Button
#buttonGuidelines
When to use
default size: form submission, dialog actions, ordinary in-page actions — the workhorse. lg: rare — desktop only for hero landings, mobile sticky checkout/booking footers. sm: sparse — dense settings, toolbars, inline card/table actions.
When not to use
Don’t use lg for everyday actions — reserve for "this is the moment" moments. Don’t use destructive for "remove" actions that aren’t truly irreversible (default is fine).
Don't
Mix sizes for equal-priority actions in the same row — pick one for the group. Place a secondary Button inside a filled Card or on a gray surface — it loses contrast.