## Usage ### Global rendering ```html

Header

Subhead Title Price Extra

Total Info Price Extra

``` ### Empty Add slot `empty` so its content will be displayed if there is no `` or no ``. ```html Empty ! ``` ### Cart Manager ```html

Header

Button

``` ### Collapsed cart * Add attributes `collapsed` and `collapsible` on `osds-cart`. The handle (`

`) will now be displayed in `osds-cart-header` since collapsible has been set on `osds-cart`. * Add an `` : this part is always displayed, on cart collapsed or expanded. You can add some items too but it won't be displayed now, only when the cart will be expanded. * Add attribute `rounded` set to `top` so only top of the cart will be rounded. ```html

Main product subhead Main product title X XXX,XX ¤ ex.VAT / month

Option subhead Option title X XXX,XX ¤ ex.VAT / month

Total X products X XXX,XX ¤ ex.VAT / month

``` ### Expanded cart * Attribute `collapsed` is not true anymore but we keep attribute `collapsible` thus, user can scroll on content in the expanded cart. * The handle (`

`) is still displayed here since collapsible is still set on `osds-cart`. ```html

Main product subhead Main product title X XXX,XX ¤ ex.VAT / month

Option subhead Option title X XXX,XX ¤ ex.VAT / month

Total X products X XXX,XX ¤ ex.VAT / month

``` ### With button component ```html

Subhead Title Price Extra

Total Info Price Extra

Button

``` ### With divider component ```html

Subhead Title Price Extra

Total Info Price Extra

```