Show extra information like counts or labels.
badge( string $text [, string $color = 'default', array $options = [] ] ) : string
$text string Required Badge text.
$color string Optional Badge color. Possible value: default|primary|success|warning|error|info
$options array Optional Additional options.
Name | Type | Default | Description |
---|---|---|---|
id | string | '' | Badge ID. |
class | string | '' | Badge class. |
attributes | array | [] | Array of custom attributes. |
rounded | bool | false | Rounded badge. |
echo badge('Default');
HTML Output
<span class="badge bg-secondary">Default</span>
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>
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>