Badge

An extremly simple component that contains short textual information in a variety of set styles.

Installation

Coming soon..

Examples


                                                        
                                                        
                                                            <co-badge variant="default">Default</co-badge>
                                                        
                                                            

Badge


                                                        
                                                        
                                                            <co-badge variant="default" rounded>1</co-badge>
                                                        
                                                            

Badge - rounded


                                                        
                                                        
                                                            <co-badge variant="default" dataTheme="invert">Default</co-badge>
                                                        
                                                            

Badge - invert theme


                                                        
                                                        
                                                            <co-badge variant="default" dataTheme="invert" rounded>1</co-badge>
                                                        
                                                            

Badge rounded - invert theme

Properties

Property

Type

Description

Usage

variant

String

Determine variant or type of badge

variant = "default"| "primary"| "accent"| "highlight"| "positive"| "negative"

rounded

Boolean

Rounds the badge

rounded= true | false

dataTheme

String

Define theme dark(invert) or light

dataTheme = "invert" | "light"