OFRAG Frontend Components Library v0.0.0

Page Container: With Message And Breadcrumb 

<div class="page-container">
    Lorem ipsum
    Lorem ipsum
    <main id="main-content" class="page-container__content">
        <h2 class="page-container__title visually-hidden" tabindex="-1">Lorem Ipsum</h2>
        Lorem ipsum
    </main>
    Lorem ipsum
</div>
 
{% include '@SharedComponents/modules/page/components/page-container/page-container.twig' %}
 
{
  "content": "Lorem ipsum",
  "footer": "Lorem ipsum",
  "title": "Lorem Ipsum",
  "variant": "default",
  "message": "Lorem ipsum",
  "breadcrumb": "Lorem ipsum"
}
  • Content: 
    import PageContainerMediator, {name as title} from 'cando-cx-components-library/components/modules/page/components/page-container/page-container-mediator';

export default PageContainerMediator;
export const name = title;
  • URL: /components/raw/page-container/page-container-mediator.js
  • Filesystem Path: src/components/modules/page/components/page-container/page-container-mediator.js
  • Size: 221 Bytes
  • Content: 
    import './page-container.scss';
import PageContainer, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/page-container/page-container';

export default PageContainer;
export const selector = sel;
  • URL: /components/raw/page-container/page-container.js
  • Filesystem Path: src/components/modules/page/components/page-container/page-container.js
  • Size: 232 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/page-container/page-container";
  • URL: /components/raw/page-container/page-container.scss
  • Filesystem Path: src/components/modules/page/components/page-container/page-container.scss
  • Size: 128 Bytes

No notes defined.