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

Notifications

LicenseStableDownloadsVueJavaScriptSCSSnpmIssuesMerge Requests

Description

Notifications provides the routed notifications page, navbar dropdown, and settings widget used by Enso UI applications.

Installation

Install the package:

yarn add @enso-ui/notifications

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

Features

  • registers the /core/notifications/index page route
  • ships a navbar dropdown that fetches, reads, and marks notifications as read
  • includes a settings widget for toast position selection
  • exports register.js to wire navbar and settings items into the host app

Usage

import notificationsRoute from '@enso-ui/notifications/src/bulma/routes/notifications.js';
import registerNotifications from '@enso-ui/notifications/src/bulma/register.js';

API

Route and registration modules

Common imports:

  • src/bulma/routes/notifications.js
  • src/bulma/register.js

Navbar component

src/bulma/components/navbar/Notifications.vue

  • wraps the core renderless notifications controller
  • renders unread count, dropdown items, and mark-all-as-read actions

Settings component

src/bulma/components/settings/ToastrPosition.vue

  • renders the toastr-position selector through the dropdown package
  • uses the core settings controller to update the preferred position

Routes

/core/notifications/index

Route name:

  • core.notifications.index

Companion Backend Package

  • laravel-enso/notifications ↗

Depends On

  • @enso-ui/directives ↗
  • @enso-ui/dropdown ↗
  • @enso-ui/toastr ↗
  • @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, 1:04:44 PM
Prev
Monitored Emails
Next
Orderable Trees