Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

ID5 Button - medium row (Default)

Basics

The button molecule consists of 3 atoms
Container - Text - Secondline

width: can vary, height: 56px Default
Icon size: 24x24px
Icon color: Same as text color

Buttons are used to initialize an action. Button labels express what action will occur when the user interacts with it.


Zeplin Styleguide

https://zpl.io/bPwE6K6

AssetZeplin Documentation Download Adobe Xd Kit
1ID5 Primary Button - medium rowhttps://zpl.io/bPwE6K6
2ID5 Primary Icon Button - medium rowhttps://zpl.io/bPwE6mm
3ID5 Secondary Button - medium row

4ID5 Secondary Icon Button - medium row

5ID5 Ghost Button - medium row