Badge

Badge generates a small badge on top of its child.

Examples

Badges in different variants and overlaps

1
1

Badges in different positions

1
1
1
1

Badge Overrides

32
32

How badges can be used with Avatar

U
user
U
user

You can check the implementation of the component for more details.

Badge exports

You can import this module like so:

import {Badge} from 'spaceweb/badge'

It exports the following components or utility functions:

  • Badge
  • StyledAnchor
  • StyledRoot