A long header title for the details template of this page

Product

Title header

<…

``` - Rendered variants: `{DOMAIN}/template/template-standard/campaign-list/campaign-list.render.html` ### case-list Example EBV case list page composed on template-standard. - Group: template-standard - Base class: none (composition-only - assembles other components) - Pug mixin (library-internal): `+araxxe-template-standard-case-list-example(options)` - props: notifications. - Example: ```html

Product

Title header

Product

Title header

Product

Title header

Title medium

Confirm ?

``` - Rendered variants: `{DOMAIN}/template/template-modal/confirm/confirm.render.html` ### dark Dark illustration modal page composed on template-modal. - Group: template-modal - Base class: none (composition-only - assembles other components) - Pug mixin (library-internal): `+araxxe-template-modal-dark-example`. - Example: ```html

OIO

A long header title for the details template of this page

Title medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.

``` - Rendered variants: `{DOMAIN}/template/template-modal/information/information.render.html` ### maintenance-details Template-details page shown with the maintenance banner. - Group: template-details - Base class: none (composition-only - assembles other components) - Pug mixin (library-internal): `+araxxe-template-details-maintenance-details-example`. - Example: ```html

Maintenance scheduled from 23/12/2020 01:00:00 to 23/12/2020 01:00:00

A long header title for the details template of this page

Maintenance scheduled from 23/12/2020 01:00:00 to 23/12/2020 01:00:00

Product

Title header

Title medium

Title underlined

``` - Rendered variants: `{DOMAIN}/template/template-modal/more-information/more-information.render.html` ### overview Example EBV overview dashboard composed on template-standard. - Group: template-standard - Base class: none (composition-only - assembles other components) - Pug mixin (library-internal): `+araxxe-template-standard-overview-example(options)` - props: notifications, maintenance. - Example: ```html

Product

Title header

Product

Title header

Product

Title header

A long header title for the details template of this page

Product

Title header

Product

Title header

Title medium

Speech bubble text in multiple lines.

Operator

Title info

Title medium

Title underlined

``` (trimmed - full showcase at `{DOMAIN}/template/template-modal/template-modal.render.html`) - Rendered variants: `{DOMAIN}/template/template-modal/template-modal.render.html` ### template-notifications Sliding notifications panel with `-open`/`-close` states. Swap `-close` ↔ `-open` on the root: the panel slides in from the right edge over 0.5s. - Base class: `araxxe-template-notifications` - Modifiers: `-close` - Pug mixin (library-internal): `+araxxe-template-notifications(state)`. - Example: ```html

Notifications

``` - Rendered variants: `{DOMAIN}/template/template-notifications/template-notifications.render.html` ### template-standard Standard page shell (header, menu, content, footer) - the base of list and overview pages, expandable with `-wide`. - Base class: `araxxe-template-standard` - Modifiers: `-light` - Elements: `araxxe-template-standard--banner` (structural, no own styles), `araxxe-template-standard--body`, `araxxe-template-standard--content` (mods: `-flexible`, `-wide`), `araxxe-template-standard--content--slot` (mods: `-flexible`, `-fluid`, `-light`), `araxxe-template-standard--footer` (structural, no own styles), `araxxe-template-standard--header`, `araxxe-template-standard--maintenance` (structural, no own styles), `araxxe-template-standard--menu` (structural, no own styles) - Pug mixin (library-internal): `+araxxe-template-standard(options)` - props: banner, headerPopover, maintenance, menu, notifications, operator, service; accepts block content. - No own showcase - see it composed in: `{DOMAIN}/template/template-standard/campaign-list/campaign-list.render.html`, `{DOMAIN}/template/template-standard/case-list/case-list.render.html`, `{DOMAIN}/template/template-standard/case-list-a2psms/case-list-a2psms.render.html` ### template-toasts Fixed toasts overlay positioned over the application. - Base class: `araxxe-template-toasts` - Pug mixin (library-internal): `+araxxe-template-toasts`. - Example: ```html

Toast message.

``` - Rendered variants: `{DOMAIN}/template/template-toasts/template-toasts.render.html`