# All files / src/Badge Badge.styles.ts

100% Statements 3/3
100% Branches 4/4
100% Functions 0/0
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    152x

    2x

    2x

     import styled from 'styled-components'
    import { BadgeLabelProps, BadgeProps } from './Badge.types'

    export const StyledBadge = styled.div<BadgeProps>`
      display: inline-block;
      position: relative;
    `

    export const StyledBadgeLabel = styled.span<BadgeLabelProps>`
      bottom: 100%;
      position: absolute;
      right: 0;
      transform: translateX(50%) translateY(50%);
    `