@zoomui/page-template

Introduction

Page template is the basic structure for a projec based on the Zoom UI Library. It includes header, footer and main html structure.

####Instructions

#####Install Zoom UI Library basic packages

1. Install Basic package:
   Basic npm package.
   npm install @zoomui/basics

2. Install icons package:
   Icons npm package.
   npm install @zoomui/icons

3. Install page template:
   Page template npm package.
   npm install @zoomui/page-template

4. Install white labeling:
   White Label npm package.
   npm install @zoomui/white-labeling

#####Create a basic structure Copy this example code in your app.component.html file:

<zoom-page-template>
    <ng-container zoomHeader>
        <zoom-header raetId="zoomHeader">
            <span class="platform-name" platformName>Visma | Raet</span>
            <img src="assets/img/yourLogo.png" logo alt="" />
            <span subBarText>Hi!</span>
        </zoom-header>
    </ng-container>

    <ng-container zoomMain>
        <p>Lorem ipsum dolor sic amet.</p>
    </ng-container>

    <ng-container zoomFooter>
        <zoom-footer raetId="zoomFooter">
        Responsible disclosure policy
        </zoom-footer>
    </ng-container>
</zoom-page-template>