Badge Component


    Badge is a simple labeling component. It can be used to add additional information to any content or highlight unread items.

    Element is absolute positioned, so parent should be positioned element. It means parent position should be set to anything except static, e.g. relative, absolute, fixed, or sticky.


    import Badge from '@paljs/ui/Badge';

    Badge with default position and status(color):

    <Badge>badge text</Badge>

    For example, badge can be placed into Card header:

      Card body.