1. Home
2. Components
3. badge()

badge()

Show extra information like counts or labels.

badge( string $text [, string $color = 'default', array $options = [] ] ) : string

Parameters

$text string Required Badge text.

$color string Optional Badge color. Possible value: default|primary|success|warning|error|info

$options array Optional Additional options.

Available options

Basic Usage

echo badge('Default');

HTML Output

<span class="badge bg-secondary">Default</span>

Colors

echo badge('Default');

echo badge('Primary', 'primary');

echo badge('Success', 'success');

echo badge('Warning', 'warning');

echo badge('Error', 'error');

echo badge('Info', 'info');

HTML Output

<span class="badge bg-secondary">Default</span>
<span class="badge bg-primary">Primary</span>
<span class="badge bg-success">Success</span>
<span class="badge bg-warning">Warning</span>
<span class="badge bg-danger">Error</span>
<span class="badge bg-info">Info</span>

Rounded

To make the badges more rounded, set rounded to true.

echo badge('Rounded', 'default', [
    'rounded' => true,
]);

HTML Output

<span class="badge bg-secondary rounded-pill">Rounded</span>