Phoenix Storybook

Badge

Just a badge component, with colors.

fa fa-alicorn fa fa-bolt fas fa-skull
Attribute Type Documentation Default Value
Required text * :string

Badge label
theme :atom

Component library theme
:default
color :atom

One color among a small set.
:default
hex_color :string

Custom HEX color. Overrides :color attribute.
small :boolean

When true, renders a smaller badge.
false
icon :string

Prepends an icon to the badge. Use it with FontAwesome classes.
rest :global

Any HTML attribute.