@extends('layouts.master') @section('title')Unikit @endsection @section('css') @endsection @section('body-start') @endsection @section('content') @section('breadcrumb') @component('components.breadcrumb') @slot('li_1') UI Kit @endslot @slot('title') Badges @endslot @endcomponent @endsection

Badge Examples

Add any of the below mentioned modifier classes to change the appearance of a badge.

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger Warning Info Light Dark

Links Badges Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger

Links Pill Badges Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger

Badges Soft Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger Warning Info Purple Dark

Pill Badges Soft Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger Warning Info Pink Dark

Outline Badges Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger Warning Info Purple Dark

Outline Pill Badges Examples

Documentation and examples for badges, our small count and labeling component.

Primary Secondary Success Danger Warning Info Pink Dark

Buttons Examples

Badges can be used as part of links or buttons to provide a counter.

Buttons With Icon Examples

Badges can be used as part of links or buttons with icon to provide a counter.

@endsection @section('script') @endsection @section('body-end') @endsection