Bitcart UI SDK Documentation
UI KitComponents

Badge

NEW
DefaultSolid primary fill, for the most prominent labels
DefaultDefault
import { Badge } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"
PlainBackground-colored with a visible border, for low-emphasis labels
PlainPlain
import { Badge } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"
SecondaryMuted fill, for supporting metadata
SecondarySecondary
import { Badge } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"
AccentAccent fill, to draw attention
AccentAccent
import { Badge } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"
DestructiveSignals an error, failure, or otherwise dangerous state
DestructiveDestructive
import { Badge } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"
OutlineBorder only, for the quietest labels
OutlineOutline
import { Badge } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"