Dividers

Size


sm

md

lg
</br>

sm

    <br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2060</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2071</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2083</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2098</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::count() should either be compatible with Countable::count(): int, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2007</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>1986</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>1955</b><br />
<div class="c-divider c-divider--dashed c-divider--sm c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="694bf893d575b">
    </div>

</br>

md

    <div class="c-divider c-divider--dashed c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="694bf893d60a3">
    </div>

</br>

lg

    <div class="c-divider c-divider--dashed c-divider--lg c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="694bf893d6110">
    </div>
</br>

sm

@divider(['size' => 'sm'])
@enddivider

</br>

md

@divider(['size' => 'md'])
@enddivider

</br>

lg

@divider(['size' => 'lg'])
@enddivider

Style


dashed

dotted

solid
</br>

dashed

    <div class="c-divider c-divider--dashed c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="694bf893d61ac">
    </div>

</br>

dotted

    <div class="c-divider c-divider--dotted c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="694bf893d6204">
    </div>

</br>

solid

    <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="694bf893d6263">
    </div>
</br>

dashed

@divider(['style' => 'dashed'])
@enddivider

</br>

dotted

@divider(['style' => 'dotted'])
@enddivider

</br>

solid

@divider(['style' => 'solid'])
@enddivider

Blade component parameters

Key Default value Type Available values Description
componentElement div string - The tag to use for this component.
style dashed string - Either dashed, solid or dotted.
size md string - The length of the divider. Either sm, md or lg.
title string - Title to be displayed in the divider.
titleVariant h2 string - -
align center string - Alignment of text in the divider. left, center or right.
frame true boolean - If set to true, the title will be wrapped in a frame.
customFont false boolean - Enable if font color should be customized. Default: false
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/Divider/divider.json