Thursday, July 16FreeJQuery

Menu & Navigation

Angular Hamburger Menu Toggle
AngularJS, Animation, Menu & Navigation, Plugins

Angular Hamburger Menu Toggle

Angular Hamburger Toggle Angular hamburger Toggle menu is component which allow you to active a part of information or navigation that is hidden by default for UX purpose.This usually means activating a SideNav, but might also roll down a Navbar menu.Examples of Bootstrap hamburger menu use:SideNav activation Navbar menuFeatures:Two way bound state model. Tuned for Bootstrap. Super easy.Angular directive of Material Design morphing hamburger menu. It's based off of Material Design Hamburger.###FeaturesTwo way bound state model. Tuned for Bootstrap. Super easy.How to style hamburger icon? In my code example, I’m using class= “navbar-inverse” in line 1 of nav.component.html. And this means the hamburger icon is designed to be use...
Native-like Menu Drawer For Angular App
Menu & Navigation, Plugins

Native-like Menu Drawer For Angular App

Native-like menu, pull-to-sync, action button, in-app-toast notification and burger menu icon implementation for angular mobile/desktop apps fot Native-like Menu.Native-like menu implementation for angular mobile apps. Build with hammer.js for touch support.using hammer.js for better touch support. fully animated burger menu icon nice and smooth menu drawer (slide from left) animated pull-to-refresh with callback in-app-toast messages with true/false callback three-dot-menu for secondary actions animated action button adjust content height 13kB minified.Why this? If you are developing application for android with Phone-gap or Ionic or other alternative, this is exactly for you. No touch support or slow/no animations, if there was animations, they ...
Angular Tabs Menu with Touch Support : MenuTouch
Menu & Navigation, Plugins

Angular Tabs Menu with Touch Support : MenuTouch

Tabs Menu organize content across different screens, data sets, and other interactions.Angular Tabs Menu with Touch Support This demo lets you preview the tab component, its variations, and configuration options. Each tab displays a different type of tab.CONTENTSUsage Anatomy Behavior Placement Fixed tabs Scrollable tabs States Theming Spec ImplementationTabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.Navigation enables users to move through an app.Related Article arrow_downwardDo. Tab labels can include icons and text. Text labels should be short.Don’t. Don’t use tabs to move through sequential conte...
Material Multi-Level Menu for Angular
Menu & Navigation, Plugins

Material Multi-Level Menu for Angular

Material Multi-Level Menu for Angular Projects.The main goal of this package is to deliver a slim and Skinny Material Multi-Level Menu for Angular Projects. That can fit into any kind of projects with no muss, no fuss. Within few lines, you will get an animation ready multilevel list that just works.The main goal of this package is to deliver a slim and Skinny Material Multi-Level Menu for Angular Projects. That can fit into any kind of projects with no muss, no fuss. Within few lines, you will get an animation ready multilevel list that just works.FeaturesMaterial Icons are supported. Use images as icons in the list. Seamlessly work with Angular routing, if provided.Multi-Level MenuMulti-Level Menu:paddingAtStart: boolean => [optional] If you don't want padd...
Angular Overlay menu UI element
Menu & Navigation, Modal & Popup, Plugins

Angular Overlay menu UI element

General purpose of Angular overlay menu Designed to be as simple as possible in order to afford intuitive interactions.Angular overlay menu.The CDK overlays depend on a small set of structural styles to work correctly. You can do so by importing the prebuilt styles in your global stylesheet.This can be troublesome and the result may contain ugly hacks that’s hard to maintain and keep bug free. I wish to bring some attention to Angular CDK, a component development kit that may be exactly what you need to create your application-specific component. We’ll look into the and how it helps us to create a custom snack bar.Features:Global - Positions the element based on the directions passed in through positionSettings. These are Top/Middle/Bottom for verticalDirection and Left/Cen...