@logo-software/page-header
v11.0.0
Published
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.
Downloads
9
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