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

Files

LicenseStableDownloadsVueJavaScriptSCSSnpmIssuesMerge Requests

Description

Files bundles the Enso file browser, file-type administration pages, and the reusable visual pieces used by file-centric workflows.

Installation

Install the package:

yarn add @enso-ui/files

The package is also available through the full enso-ui workspace bundle.

Features

  • ships the /files browser page and the /administration/fileTypes CRUD pages
  • includes reusable file-browser components such as Top, Actions, Item, File, Folder, and Thumbnail
  • integrates uploads, tabbed previews, confirmation flows, and table-driven file-type management
  • keeps the page layer aligned with backend file permissions, tabs, and upload contracts

Usage

import filesIndex from '@enso-ui/files/src/bulma/routes/files.js';
import fileTypes from '@enso-ui/files/src/bulma/routes/administration/fileTypes.js';
import FilesPage from '@enso-ui/files/src/bulma/pages/files/Index.vue';

API

Page modules

Common imports:

  • @enso-ui/files/src/bulma/pages/files/Index.vue
  • @enso-ui/files/src/bulma/pages/fileTypes/Index.vue
  • @enso-ui/files/src/bulma/pages/fileTypes/Create.vue
  • @enso-ui/files/src/bulma/pages/fileTypes/Edit.vue

File-browser building blocks

Stable deep imports used by other Enso packages:

  • Top.vue
  • Actions.vue
  • Item.vue
  • File.vue
  • Folder.vue
  • Thumbnail.vue

The root entrypoint also re-exports a Url helper intended for file-link rendering in higher-level integrations.

Routes

/files

Route name:

  • core.files.index

Page:

  • src/bulma/pages/files/Index.vue

/administration/fileTypes

Route names:

  • administration.fileTypes.index
  • administration.fileTypes.create
  • administration.fileTypes.edit

Pages:

  • src/bulma/pages/fileTypes/Index.vue
  • src/bulma/pages/fileTypes/Create.vue
  • src/bulma/pages/fileTypes/Edit.vue

Companion Backend Package

  • laravel-enso/files ↗

Depends On

  • @enso-ui/clipboard ↗
  • @enso-ui/confirmation ↗
  • @enso-ui/filters ↗
  • @enso-ui/modal ↗
  • @enso-ui/tabs ↗
  • @enso-ui/transitions ↗
  • @enso-ui/ui ↗
  • @enso-ui/uploader ↗

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/28/2026, 12:34:21 PM
Prev
Facebook
Next
Filters