Popover Sidemenu

Multi Level Sidemenu

Ionic 3 demo of a two-level side menu.

Scrollabel Tabs

Ionic 2 Scrollable Tabs is a plugin that extends the standard Ionic 2 tabs component by adding horizontal scrolling functionality. This is particularly useful for mobile applications with many tabs, as it allows users to swipe through tabs that don't fit on the screen, improving navigation and user experience. ## Key Features - **Horizontal Scrolling** — Enables swipe navigation through tabs when they exceed the available screen width. - **Ionic 2 Integration** — Designed as a drop-in component for Ionic 2 applications, maintaining framework compatibility. - **Customizable Options** — Provides configuration options to tailor the scrolling behavior and tab display. - **Directive-Based Implementation** — Uses a directive (`scrollable-tabs`) for easy integration into existing `ion-tabs` elements. ## Philosophy The plugin follows Ionic's component-based architecture, aiming to enhance the default tabs with minimal setup while preserving the native look and feel of Ionic applications.

Circular Tabs

Ionic 2 Circular Tabs is a plugin that provides circular tab navigation components for Ionic 2 mobile applications. It offers an alternative UI pattern to traditional linear tabs, enhancing visual appeal and user interaction in hybrid mobile apps. ## Key Features - **Circular Tab Interface** — Replaces standard linear tabs with a circular layout for a distinctive navigation experience. - **Platform-Specific Styling** — Includes design adaptations for iOS, Material Design (Android), and Windows Phone platforms. - **Easy Integration** — Can be copied into existing Ionic 2 projects and imported via app.module.ts and tab components. - **Visual Customization** — Supports property adjustments to tailor the circular tabs to app-specific needs. ## Philosophy The project focuses on expanding Ionic 2's UI component library with innovative navigation patterns that prioritize both aesthetics and functionality.

Fab Toolbar

fab-toolbar is an Ionic v2 component that implements a Material Design floating action button (FAB) that can transform into a toolbar. It provides a compact, interactive UI element for accessing related actions, text fields, search, or other items directly from a FAB. ## Key Features - **Dynamic Transformation** — The floating action button can expand into a toolbar upon press or scroll, and collapse back. - **Customizable Actions** — Supports an array of buttons with configurable icons, titles, colors, and click handlers. - **Flexible Positioning** — Allows placement on the left or right side of the screen. - **Backdrop Control** — Option to keep the toolbar open when clicking the backdrop by setting `enableBackdropDismiss`. - **Handler Integration** — Button handlers can control toolbar closure; returning `false` prevents auto-close. ## Philosophy The component follows Material Design principles to deliver a sleek, intuitive floating action toolbar that enhances user interaction within Ionic mobile applications.