Badges

Badges

Veniam impedit quia et iure. Nemo est sunt. Quae earum non sunt enim molestias voluptatem.

Default Badges

Default Default Success Success Warning Warning Error Error 
                  Default
                  Success
                  Warning
                  Error

                  background-color: #0A5697 | #095C1B | #F0CA56 | var(--error-500, #AA211C);
                  border-radius: .4rem;
                  border:none;
                  color: #fff;
                  display: inline-flex;
                  gap: .4rem;
                  align-items: center;
                  font-family: Poppins, sans-serif;
                  font-weight: 600;
                  font-size: 1.2rem;
                  line-height: 1;
                  padding: .4rem .6rem;

Light Badges

Default Success Warning Error 
                  Default
                  Success
                  Warning
                  Error

                  background-color: #0A5697 | #095C1B | #F0CA56 | var(--error-500, #AA211C);
                  border-radius: .4rem;
                  border:none;
                  color: #fff;
                  display: inline-flex;
                  gap: .4rem;
                  align-items: center;
                  font-family: Poppins, sans-serif;
                  font-weight: 600;
                  font-size: 1.2rem;
                  line-height: 1;
                  padding: .4rem .6rem;