- Notifications
You must be signed in to change notification settings - Fork1
SidebarJS/ng-sidebarjs
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Create mobile sidebar/sidenav experiance in Angular.
Are you looking for a version with AngularJS? Tryangular-sidebarjs
npm install ng-sidebarjs --saveOpen the demo on your device and try the touch gestures!
<sidebarjs-element // Optional | Required only for multiple sidebarjs [sidebarjsName]="'myCustomName'" // Optional [sidebarjsConfig]="{ // Check https://github.com/SidebarJS/sidebarjs#options for all available options }" // Optional | Function called after sidebar is open (open)="onOpenSidebar()" // Optional | Function called after sidebar is close (close)="onCloseSidebar()" // Optional | Function called when sidebar change visibility (changeVisibility)="onChangeVisibility($event)"></sidebarjs-element>
import{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{AppComponent}from'./app.component';import{SidebarjsModule}from'ng-sidebarjs';@NgModule({declarations:[AppComponent],imports:[BrowserModule,SidebarjsModule.forRoot()],bootstrap:[AppComponent]})exportclassAppModule{}
Writesidebarjs-element tag and a trigger element with just[sidebarjsToggle|sidebarjsOpen|sidebarjsClose] attribute.
<divsidebarjsOpen>Open Sidebar!</div><sidebarjs-element> Hello!</sidebarjs-element>
Naming convention become consistent: everything that was SidebarJSName, now is SidebarjsName.
| <=4.0.0 | >=6.0.0 |
|---|---|
| SidebarJSModule | SidebarjsModule |
| SidebarJSService | SidebarjsService |
| <sidebar-js> | <sidebarjs-element> |
| [sidebarjsOpen] | [sidebarjsOpen] |
| [sidebarjsClose] | [sidebarjsClose] |
| [sidebarjsToggle] | [sidebarjsToggle] |
About
Create mobile sidebar/sidenav experiance in Angular
Resources
Stars
Watchers
Forks
Packages0
No packages published