Page History
Jira
| Jira | ||||||
|---|---|---|---|---|---|---|
|
Zeplin Styleguide
| 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 rem | Zeplin Documentation | Layout example | |
|---|---|---|---|
| 1 | ID5 Primary Button - medium row | https://zpl.io/bPwE6K6 | https://zpl.io/bel398W |
| 2 | ID5 Primary Icon Button - medium row | https://zpl.io/bPwE6mm | |
| 3 | ID5 Secondary Button - medium row | ||
| 4 | ID5 Secondary Icon Button - medium row | ||
| 5 | ID5 Ghost Button - medium row |
| small row 40px | 2,5 rem | Zeplin Documentation | Layout example |
|---|
Zeplin Styleguide
| 1 | ID5 Primary Button - |
|---|
| small row | https://zpl.io/bPwE6K6 | |
|---|---|---|
| 2 | ID5 Primary Icon Button - |
| small row | https://zpl.io/bPwE6mm | ||
|---|---|---|---|
| 3 | ID5 Secondary Button - small row | ||
| 4 | ID5 Secondary |
| Icon Button - small row | |||
|---|---|---|---|
| 5 | ID5 Ghost Button - small row |
| large row 72px | 4,5 rem | Zeplin Documentation | Layout example | |
|---|---|---|---|
| 1 | ID5 Primary Button - small row | https://zpl.io/bPwE6K6 | |
| 2 | ID5 Primary Icon Button - small row | https://zpl.io/bPwE6mm | |
| 3 | ID5 Secondary Button - small row | ||
| 4 | ID5 Secondary Icon Button - |
| small row | ||
|---|---|---|
| 5 | ID5 Ghost Button - |
| small row |
|---|
