UIkit Badge

UIkit badge is used to notify users such as email, messages, etc.

How To Create UIkit Badge Component

To create UIkit Badge Component, simply add .uk-badge class to a <a> or <span> element base class.

Message: 20

Email:30

General Syntax

      <span class="uk-badge"></span>

Source Code

     <p>Message: <span class="uk-badge">20</span></p> 
<p>Email:<span class="uk-badge">30</span></p>

Source Code: Output

The above source code result will be:

Message: 20

Email:30

Html Tutorial HTML

Javascript Tutorial JAVASCRIPT

Css Tutorial CSS

Bootstrap 5 Tutorial BOOTSTRAP 5

Bootstrap 4 Tutorial BOOTSTRAP 4