Versions Compared

Key

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

Jira

Jira
serverJIRA
serverId629409e7-496b-3ea4-89ad-d88e06f91fde
keyGE2-769

Zeplin Styleguide


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

 56px | 3,5 remZeplin Documentation Layout example 
1ID5 Primary Button - medium rowhttps://zpl.io/bPwE6K6https://zpl.io/bel398W
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



small row 40px | 2,5 remZeplin Documentation Layout example 

Zeplin Styleguide

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

4ID5 Secondary
Button - medium
Icon Button - small row

5ID5 Ghost Button - small row



large row 72px | 4,5 remZeplin Documentation Layout example 
1ID5 Primary Button - small rowhttps://zpl.io/bPwE6K6
2ID5 Primary Icon Button - small rowhttps://zpl.io/bPwE6mm
3ID5 Secondary Button - small row

4ID5 Secondary Icon Button -
medium
small row

5ID5 Ghost Button -
medium
small row


Documentation