IconSection__Item

Icon Section without gap

Title

Content

<div class="c-element c-iconsection__item" data-uid="68b86cc7dbbe6">
        <div class="c-element c-iconsection__item__icon" data-uid="68b86cc7dbb61">
        <!-- icon.blade.php -->
    <span class="c-icon c-icon--location-on c-icon--material c-icon--material-location_on material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" data-material-symbol="location_on" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68b86cc7dbafa">
                    </span>
    </div>
    <div class="c-element c-iconsection__item__content" data-uid="68b86cc7dbbae">
        <h2>Title</h2>
    <p>Content</p>
    </div>
    </div>

@iconSection__item([
        'icon' => [
            'icon' => 'location_on',
            'size' => 'md'
        ]
    ])
    <h2>Title</h2>
    <p>Content</p>
@endiconSection__item

Blade component parameters

Key	Default value	Type	Available values	Description
icon		NULL	-	An array with the same specification as the icon component
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/IconSection__item/iconSection__item.json