Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@syncfusion/ej2-navigations

Package Overview
Dependencies
Maintainers
3
Versions
284
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-navigations

A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another

  • 20.2.38
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
113K
decreased by-24.8%
Maintainers
3
Weekly downloads
 
Created

What is @syncfusion/ej2-navigations?

@syncfusion/ej2-navigations is a comprehensive package that provides a variety of navigation components for building modern web applications. It includes components like menus, toolbars, tabs, accordions, and more, which are essential for creating intuitive and user-friendly interfaces.

What are @syncfusion/ej2-navigations's main functionalities?

Accordion

The Accordion component allows you to create collapsible sections of content. Each section can be expanded or collapsed, making it useful for organizing large amounts of information in a compact space.

const { Accordion } = require('@syncfusion/ej2-navigations');

let accordion = new Accordion({
  items: [
    { header: 'Section 1', content: 'Content 1' },
    { header: 'Section 2', content: 'Content 2' },
    { header: 'Section 3', content: 'Content 3' }
  ]
});
accordion.appendTo('#accordion');

Tabs

The Tabs component allows you to create tabbed interfaces, where each tab can contain different content. This is useful for organizing content into different sections that can be easily navigated by the user.

const { Tab } = require('@syncfusion/ej2-navigations');

let tab = new Tab({
  items: [
    { header: { text: 'Tab 1' }, content: 'Content 1' },
    { header: { text: 'Tab 2' }, content: 'Content 2' },
    { header: { text: 'Tab 3' }, content: 'Content 3' }
  ]
});
tab.appendTo('#tab');

Toolbar

The Toolbar component allows you to create a set of command buttons that can be used to perform various actions. This is useful for providing quick access to frequently used functions in your application.

const { Toolbar } = require('@syncfusion/ej2-navigations');

let toolbar = new Toolbar({
  items: [
    { prefixIcon: 'e-cut-icon', tooltipText: 'Cut' },
    { prefixIcon: 'e-copy-icon', tooltipText: 'Copy' },
    { prefixIcon: 'e-paste-icon', tooltipText: 'Paste' }
  ]
});
toolbar.appendTo('#toolbar');

Menu

The Menu component allows you to create hierarchical menus with multiple levels of items. This is useful for organizing navigation links or commands in a structured manner.

const { Menu } = require('@syncfusion/ej2-navigations');

let menu = new Menu({
  items: [
    { text: 'File', items: [{ text: 'Open' }, { text: 'Save' }] },
    { text: 'Edit', items: [{ text: 'Cut' }, { text: 'Copy' }, { text: 'Paste' }] }
  ]
});
menu.appendTo('#menu');

Other packages similar to @syncfusion/ej2-navigations

Keywords

FAQs

Package last updated on 12 Jul 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc