Laravel EnsoLaravel Enso
Guide
Back End
Front End
GitHub
Guide
Back End
Front End
GitHub
  • Front End

    • Accessories
    • Addresses
    • Algolia
    • Audits
    • Auth
    • Bookmarks
    • Calendar
    • Card
    • Cargo Partner
    • Categories
    • Charts
    • Checkbox
    • Clipboard
    • Comments
    • Commercial
    • Companies
    • Confirmation
    • Currencies
    • Data Import
    • Date
    • Datepicker
    • Directives
    • Discounts
    • Divider
    • Documents
    • Dropdown
    • Dropdown Indicator
    • Eav
    • Emag
    • Emails
    • Enums
    • ERD
    • Facebook
    • Files
    • Filters
    • Financials
    • Forms
    • Frisbo
    • Google
    • Holidays
    • How to
    • Interactions
    • Inventory
    • IO
    • Laravel Validation
    • Loader
    • Localisation
    • Logs
    • Measurement Units
    • Meili Search
    • Menus
    • Mixins
    • Modal
    • Money
    • Monitored Emails
    • Notifications
    • Orderable Trees
    • Packaging Units
    • Pagination
    • People
    • Permissions
    • Product Lots
    • Products
    • Progress Bar
    • Progress Circle
    • Progress Indicator
    • Questionnaires
    • Quick View
    • Range Slider
    • Rating
    • Roles
    • Route Mapper
    • Sale Channels
    • Scroll to Top
    • Search Mode
    • Select
    • Sentry
    • Services
    • Smart Bill
    • SMS Advert
    • Strings
    • Switch
    • Tables
    • Tabs
    • Tasks
    • Teams
    • Textarea
    • Themes
    • Ticketing
    • Toastr
    • Transitions
    • Tree View
    • Tutorials
    • Typeahead
    • Typesense
    • UI
    • Uploader
    • UPS
    • User Groups
    • Users
    • Virtual Call Center
    • Vouchers
    • Webshop
    • WYSIWYG

Menus

LicenseStableDownloadsVueJavaScriptSCSSnpmIssuesMerge Requests

Description

Menus provides the administration pages and reusable menu/sidebar components used to render and organize Enso navigation.

Installation

Install the package:

yarn add @enso-ui/menus

The package is usually consumed from the full enso-ui workspace inside an Enso application.

Features

  • registers the /system/menus index, create, and edit routes
  • exports menu and sidebar components in both Bulma and core variants
  • ships organizer utilities and the register.js hook used to wire menu state into the app shell
  • pairs backend-driven menu records with sidebar rendering and drag-and-drop organization

Usage

import systemRoutes from '@enso-ui/menus/src/bulma/routes/system.js';
import Menus from '@enso-ui/menus/src/bulma/components/menu/Menus.vue';
import registerMenus from '@enso-ui/menus/src/bulma/register.js';

API

Page modules

Common imports:

  • pages/menus/Index.vue
  • pages/menus/Create.vue
  • pages/menus/Edit.vue

Menu components

Bulma and core variants are shipped for:

  • Menus
  • MenuItem
  • MenuOrganizer
  • SidebarState
  • Sidebar (core)

Utilities

  • src/plugins/utils.js exports hasActiveChild and organize.
  • src/bulma/register.js registers the menu helpers inside the host app.

Routes

/system/menus

  • system.menus.index
  • system.menus.create
  • system.menus.edit

Companion Backend Package

  • laravel-enso/menus ↗

Depends On

  • @enso-ui/directives ↗
  • @enso-ui/dropdown-indicator ↗
  • @enso-ui/forms ↗
  • @enso-ui/vue-switch ↗
  • @enso-ui/tables ↗
  • @enso-ui/transitions ↗
  • @enso-ui/ui ↗

Contributions

are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!

License

MIT

Edit this page on GitHub
Last Updated: 4/21/2026, 9:27:06 AM
Prev
Meili Search
Next
Mixins