auto-hide-toolbar
v2.0.0
Published
Dead simple angular auto hiding toolbar
Downloads
10
Readme
AutoHideToolbar
Angular auto hiding header component (For angular 12, optimized, minimal (less than 3kb), zero dependencies).
Install
To install this lib in your angular project
ng add auto-hide-toolbar
Usage
your.module.ts
import { AutoHideToolbarModule } from 'auto-hide-toolbar';
// ...
@NgModule({
...
imports: [..., AutoHideToolbarModule],
})
export class YourModule {}
your.component.html
<!-- page top -->
<lib-auto-hide-toolbar shadowPadding="9">
<!-- your toolbar html goes here -->
</lib-auto-hide-toolbar>
Example
<lib-auto-hide-toolbar shadowPadding="9">
<div style="background-color: purple; padding: 5px;">
<h1 style="margin: 0px; color: wheat;">Demo Toolbar</h1>
</div>
</lib-auto-hide-toolbar>
Attribute shadowPadding
Adds basic padding below the falling header component - to preserve shadows if any. Unit in pixels. [Project scaffolded with Angular 10.0.9]
Licence
MIT © 2020 Vajahath Ahmed