Datebadge

Jan 25

<!-- datebadge.blade.php -->
<div class="c-datebadge c-datebadge--md c-datebadge--light" data-uid="697605ff0abe7">
        <div class="c-element c-datebadge__container" data-uid="697605ff0ad1b">
        <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__month c-typography__variant--span" data-uid="697605ff0ac76">
    Jan
</span>            <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__date c-typography__variant--span" data-uid="697605ff0acbb">
    25
</span>
    </div>
</div>

@datebadge([
    'date' => date("Y-m-d")
])
@enddatebadge

Datebadge

Jan 25

<!-- datebadge.blade.php -->
<div class="c-datebadge c-datebadge--sm c-datebadge--light" data-uid="697605ff0af21">
        <div class="c-element c-datebadge__container" data-uid="697605ff0afb9">
        <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__month c-typography__variant--span" data-uid="697605ff0af55">
    Jan
</span>            <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__date c-typography__variant--span" data-uid="697605ff0af89">
    25
</span>
    </div>
</div>

@datebadge([
    'date' => date("Y-m-d"),
    'size' => 'sm'
])
@enddatebadge

Datebadge with time

Warning: The parameter "includeTime" is not recognized in the component "datebadge" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253

Jan 25

<br />
<b>Warning</b>:  The parameter <b>"includeTime"</b> is not recognized in the component <b>"datebadge"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- datebadge.blade.php -->
<div class="c-datebadge c-datebadge--md c-datebadge--light" data-uid="697605ff0b208">
        <div class="c-element c-datebadge__container" data-uid="697605ff0b2a8">
        <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__month c-typography__variant--span" data-uid="697605ff0b246">
    Jan
</span>            <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__date c-typography__variant--span" data-uid="697605ff0b278">
    25
</span>
    </div>
</div>

@datebadge([
    'date' => date("Y-m-d H:i:s"),
    'includeTime' => true
])
@enddatebadge

Datebadge with time, small variant

Jan 25

<br />
<b>Warning</b>:  The parameter <b>"includeTime"</b> is not recognized in the component <b>"datebadge"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- datebadge.blade.php -->
<div class="c-datebadge c-datebadge--sm c-datebadge--light" data-uid="697605ff0b346">
        <div class="c-element c-datebadge__container" data-uid="697605ff0b3da">
        <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__month c-typography__variant--span" data-uid="697605ff0b37d">
    Jan
</span>            <!-- typography.blade.php   original: span -->
<span class="c-typography c-datebadge__date c-typography__variant--span" data-uid="697605ff0b3ad">
    25
</span>
    </div>
</div>

@datebadge([
    'date' => date("Y-m-d H:i:s"),
    'includeTime' => true,
    'size' => 'sm'
])
@enddatebadge

Blade component parameters

Key	Default value	Type	Available values	Description
date	false	boolean	-	A date string in any format or a unix timestamp.
size	md	string	-	The size of the datebadge. Can be either 'sm', 'md' or 'lg'.
translucent	false	boolean	-	If true, the datebadge will have a translucent background.
color	light	string	-	The color of the datebadge. Can be either 'light', 'dark', 'primary', 'secondary'.
id		string	-	The DOM id of the component.
classList	[]	array	-	Array containing wrapping classes array
attributeList	[]	array	-	Array containing keys and values rendered as attributes
containerAware	false	boolean	true/false	Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.

Settings location: /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Datebadge/datebadge.json