Paper
Wraps content inside a container
Paper
Content wrapped with the paper component
Content wrapped with the paper component. Padding parameter set to "4"
Content wrapped with the paper component. Transparent parameter set to "true" removing shadow and background.
<!-- paper.blade.php -->
<div class="c-paper u-margin__bottom--4 " data-uid="662e3e3350bbd">
Content wrapped with the paper component
</div>
<!-- paper.blade.php -->
<div class="c-paper u-margin__bottom--4 c-paper--padding-4 " data-uid="662e3e3350bff">
Content wrapped with the paper component. Padding parameter set to "4"
</div>
<!-- paper.blade.php -->
<div class="c-paper u-margin__bottom--4 c-paper--transparent" data-uid="662e3e3350c2c">
Content wrapped with the paper component. Transparent parameter set to "true" removing shadow and background.
</div>@paper([
'classList' => ['u-margin__bottom--4']
])
Content wrapped with the paper component
@endpaper
@paper([
'classList' => ['u-margin__bottom--4'],
'padding' => '4'
])
Content wrapped with the paper component. Padding parameter set to "4"
@endpaper
@paper([
'classList' => ['u-margin__bottom--4'],
'transparent' => true
])
Content wrapped with the paper component. Transparent parameter set to "true" removing shadow and background.
@endpaperBlade component parameters
| Key | Default value | Type | Available values | Description |
| slot | string | - | Paper content | |
| padding | false | boolean | - | Numeric value of padding sizes. Se padding doc for more info. |
| transparent | false | boolean | - | Transparent paper with no shadow |
| 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. |