GDL - Global Design Language

Badge 

<span class="c-badge u-label-02 u-py-xxsmall u-px-xsmall">Finisce oggi</span>
 
<span class="c-badge u-label-02 u-py-xxsmall u-px-xsmall">{{label}}</span>
 
{
  "label": "Finisce oggi"
}
  • Content: 
    // Name:            Badge
// Description:     Simple badge
//
// Component:       `c-badge`
//
// Dependencies:    `settings/v7/colors.tokens`
//                  `settings/v7/colors.themes`
//                  `settings/v7/colors.mode`
//                  `settings/v7/global`
//                  `settings/v7/spacing.tokens`
//
// ========================================================================

// Variables
// ========================================================================

$badge-border: #{$ui-06};

// ========================================================================

.c-badge {
  border: 1px solid $badge-border;
}
  • URL: /components/raw/badge/_badge.scss
  • Filesystem Path: src/lib/components/badge/_badge.scss
  • Size: 649 Bytes

No notes defined.