@logo-software/page-header

Page header library is a part of Logo Elements Design System which allows developers to identify, to show map of the page and to guide the users about the page actions.

Usage no npm install needed!

<script type="module">
  import logoSoftwarePageHeader from 'https://cdn.skypack.dev/@logo-software/page-header';
</script>

README

Page Header Module

Page header library is a part of Logo Elements Design System which allows developers to identify, to show map of the page and to guide the users about the page actions.

Click here for demo

Installation

All public npm packages of Logo Software is at https://www.npmjs.com/~logofe. To install Page Header Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/page-header -s

Just import it to your project of @NgModule import section.

import { PageHeaderlModule } from '@logo-software/page-header';

@NgModule({
  imports: [CommonModule, PageHeaderModule],
})
export class AppModule {
}

Page Header Component

Page header is an organism of Logo Elements Design System which combines card, breadcrumb, badge and typography to identify and to get actions about the page. Add the below code to your code stack and give initializer parameters.

app.component.html

<logo-page-header
   [title]="'Page Header Sample'"
   [breadcrumb]="sampleBreadcrumbs"
   [badges]="sampleBadges"
>
   <a href="/path/to/act" class="medium secondary">Go To Profile</a>
   <button (click)="myCustomAction()" class="medium primary">Save Page</button>
</logo-page-header>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview