Badge

::sanity = false

::atomicComponent = true

Props

Name	Type	Default	Options
badgeText	string	Badge
showClose	boolean
showDot	boolean
theme	string	primary	default, error, success, warning, primary

Compound Variant API

theme : Primary

Badge

import { Badge } from '@simplethings/react'

export default () => {
  return <Badge theme={'primary'}  />
}

theme : Error

Badge

import { Badge } from '@simplethings/react'

export default () => {
  return <Badge theme={'error'}  />
}

theme : Success

Badge

import { Badge } from '@simplethings/react'

export default () => {
  return <Badge theme={'success'}  />
}

theme : Warning

Badge

import { Badge } from '@simplethings/react'

export default () => {
  return <Badge theme={'warning'}  />
}

theme : Default

Badge

import { Badge } from '@simplethings/react'

export default () => {
  return <Badge theme={'default'}  />
}