Menu

Components

AvatarBadgeButtonLinkRowSkeleton
Essence

Badge

Renders inline badge element


Primary
Success
Critical
Warning
Info
Dark
White
Primary
Success
Critical
Warning
Info
Dark
White
Primary
Success
Critical
Warning
Info
Dark
White
render Badge.new(kind: :primary, size: :sm, href: "#") { "Badge" }
render Badge.new(kind: :success, size: :md, href: "#") { "Badge" }
render Badge.new(kind: :critical, size: :lg, href: "#") { "Badge" }

Usage

Add the component to your project

bundle exec essence add badge