Signature

Signature Component

Give credit


Warning: The parameter "image" in the avatar component should be of type "string" but was recieved as type "boolean". in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 228
FK
Frej Karlsson Author 
<div class="c-signature c-signature--space-0" data-uid="6627782319997">
    
                <br />
<b>Warning</b>:  The parameter <b>"image"</b> in the <b>avatar</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<!-- avatar.blade.php -->
    <div class="c-avatar c-signature__avatar c-avatar--size-md" data-uid="6627782319f16">
        
        
                    <svg class="c-avatar__initials" aria-label="Frej Karlsson" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <text font-size="380" y="50%" x="50%" fill="#fff" dominant-baseline="middle" text-anchor="middle" alignment-baseline="central">FK</text>
            </svg>
            </div>

        <div class="c-signature__author-box">
            <div>
                    <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__author c-typography__variant--subtitle" data-uid="662778231a144">
    Frej Karlsson
</span>
                 
                        <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__title c-typography__variant--byline" data-uid="662778231a196">
    Author
</span>                            </div>
        </div>
    
    
    
</div>
@signature(['author' => 'Frej Karlsson', 'authorRole' => 'Author'])
@endsignature

Signature Component - Small Avatar


Warning: The parameter "image" in the avatar component should be of type "string" but was recieved as type "boolean". in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 228
FK
Frej Karlsson 
<div class="c-signature c-signature--space-0" data-uid="662778231a2d6">
    
                <br />
<b>Warning</b>:  The parameter <b>"image"</b> in the <b>avatar</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<!-- avatar.blade.php -->
    <div class="c-avatar c-signature__avatar c-avatar--size-sm" data-uid="662778231a3af">
        
        
                    <svg class="c-avatar__initials" aria-label="Frej Karlsson" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <text font-size="380" y="50%" x="50%" fill="#fff" dominant-baseline="middle" text-anchor="middle" alignment-baseline="central">FK</text>
            </svg>
            </div>

        <div class="c-signature__author-box">
            <div>
                    <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__author c-typography__variant--subtitle" data-uid="662778231a42a">
    Frej Karlsson
</span>
                            </div>
        </div>
    
    
    
</div>
@signature(['author' => 'Frej Karlsson', 'avatar_size' => 'sm'])
@endsignature

Linked Signature Component


Warning: The parameter "image" in the avatar component should be of type "string" but was recieved as type "boolean". in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 228
N
Nikolas Zlatan 
<a class="c-signature c-signature--space-0" href="https://helsingborg.se" data-uid="662778231a573">
    
                <br />
<b>Warning</b>:  The parameter <b>"image"</b> in the <b>avatar</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<!-- avatar.blade.php -->
    <div class="c-avatar c-signature__avatar c-avatar--size-md" data-uid="662778231a638">
        
        
                    <svg class="c-avatar__initials" aria-label="Nikolas" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <text font-size="380" y="50%" x="50%" fill="#fff" dominant-baseline="middle" text-anchor="middle" alignment-baseline="central">N</text>
            </svg>
            </div>

        <div class="c-signature__author-box">
            <div>
                    <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__author c-typography__variant--subtitle" data-uid="662778231a6a8">
    Nikolas
</span>
                 
                        <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__title c-typography__variant--byline" data-uid="662778231a6de">
    Zlatan
</span>                            </div>
        </div>
    
    
    
</a>
@signature(['author' => 'Nikolas', 'authorRole' => 'Zlatan', 'link' => 'https://helsingborg.se'])
@endsignature

Signature Component - With dates


Warning: The parameter "image" in the avatar component should be of type "string" but was recieved as type "boolean". in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 228
FK
Frej Karlsson
Published: Updated: 
<div class="c-signature c-signature--space-2" data-uid="662778231a802">
    
                <br />
<b>Warning</b>:  The parameter <b>"image"</b> in the <b>avatar</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<!-- avatar.blade.php -->
    <div class="c-avatar c-signature__avatar c-avatar--size-md" data-uid="662778231a8c1">
        
        
                    <svg class="c-avatar__initials" aria-label="Frej Karlsson" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <text font-size="380" y="50%" x="50%" fill="#fff" dominant-baseline="middle" text-anchor="middle" alignment-baseline="central">FK</text>
            </svg>
            </div>

        <div class="c-signature__author-box">
            <div>
                    <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__author c-typography__variant--subtitle" data-uid="662778231a92e">
    Frej Karlsson
</span>
                            </div>
        </div>
    
    
            <div class="c-signature__dates c-signature__dates--aligned">

                <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__published c-typography__variant--byline" data-uid="662778231ad41">
    Published:     <time class="2020-01-01 00:00 c-date " data-uid="662778231ab8e">2020-01-01</time>
</span>            
                                <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__updated c-typography__variant--byline" data-uid="662778231adf2">
    Updated:     <time class="2020-02-01 00:00 c-date " data-uid="662778231ad8f">2020-02-01</time>
</span>                        
        </div>
    
</div>
@signature(['author' => 'Frej Karlsson', 'published' => '2020-01-01','updated' => '2020-02-01'])
@endsignature

Signature Component - Without a name

Published: Updated: 
<div class="c-signature c-signature--space-2" data-uid="662778231af26">
    
    
    
            <div class="c-signature__dates ">

                <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__published c-typography__variant--byline" data-uid="662778231b02b">
    Published:     <time class="2020-01-01 00:00 c-date " data-uid="662778231afca">2020-01-01</time>
</span>            
                                <!-- typography.blade.php   original: span -->
<span class="c-typography c-signature__updated c-typography__variant--byline" data-uid="662778231b0c9">
    Updated:     <time class="2020-02-01 00:00 c-date " data-uid="662778231b070">2020-02-01</time>
</span>                        
        </div>
    
</div>
@signature(['published' => '2020-01-01','updated' => '2020-02-01'])
@endsignature

Blade component parameters

Key Default value Type Available values Description
author string - The name of the author
authorRole string - Byline of the aythors name. Usally what role the user has related to the page.
avatar string - Link to an image
avatar_size md string - Size of the avatar
published string - A formatted published date
updated string - A formatted update date
link string - Links the whole component to another place.
updatedLabel Updated string - Label text updated.
publishedLabel Published string - Label text published.
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/Signature/signature.json