Skip to content

feat(badge): Update styling of text badges

Mark Florian requested to merge 481-style-text-badges into master

feat(badge): Update styling of text badges

This implements the text-only versions of the latest badge designs. Support for icons will be added in a future version.

See also the GitLab integration MR: gitlab!31646 (merged)

Designs

From https://design.gitlab.com/components/badge#design-specifications:

Screenshot_from_2020-04-21_15-33-00

Screenshots

Sizes

Screenshot_from_2020-04-21_18-26-07

Variants

Screenshot_from_2020-04-21_18-24-18

Hover states

Screenshot_from_2020-04-21_18-23-38

Focus states

Screenshot_from_2020-04-21_18-24-48

Active states

Screenshot_from_2020-04-21_18-25-52

Addresses #481 (closed)

Edited by Mark Florian

Merge request reports