Phoenix UI

Badge

99+
99+
99+
99+
99+
99+
99+
99+
Attribute Type Documentation Default Value
border :boolean false
class :any Extend existing component styles
color :string "blue"
element :string "div"
invisible :boolean false
position :string "top_right"
rest :global
Required badge * :slot 
<.button variant="outline">
  <.icon class="icon" name="hero-envelope"/>
</.button>
<:badge>99+</:badge>
Required inner_block * :slot