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

Documents

LicenseStableDownloadsVueJavaScriptSCSSnpmIssuesMerge Requests

Description

Documents provides reusable document-list widgets for Enso UI, including a standalone list component and a card wrapper with refresh and badge controls.

The package is backend-driven and is typically embedded in edit pages where users need to upload, filter, preview, and remove files attached to another resource.

Installation

Install the package:

yarn add @enso-ui/documents

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

Features

  • exports Documents for inline document lists with upload and filter controls
  • exports DocumentsCard for dashboard-style card integration with count badges
  • supports custom toolbar rendering through the controls slot
  • delegates file preview and deletion to the shared files package

Usage

<script>
import { Documents, DocumentsCard } from '@enso-ui/documents/bulma';

export default {
    components: { Documents, DocumentsCard },
};
</script>

API

Documents

Inline document list widget.

Import: @enso-ui/documents/bulma

Props:

  • id: string | number required
  • type: string required
  • query: string default ''
  • compact: boolean default false
  • disableControls: boolean default false
  • disableUpload: boolean default false
  • fileSizeLimit: number default 20971520

Events:

  • update after fetches, uploads, and deletions

Slots:

  • controls with { id, type, uploadLink, fetch, internalQuery }

DocumentsCard

Card wrapper around Documents.

Import: @enso-ui/documents/bulma

Props:

  • icon: string | array | object
  • collapsed: boolean default false
  • id: string | number required
  • type: string required
  • title: string default ''

Events:

  • No public emits.

Companion Backend Package

  • laravel-enso/documents ↗

The backend companion provides the core.documents.* routes and payloads used to list, upload, and destroy document records.

Depends On

  • @enso-ui/card ↗
  • @enso-ui/files ↗
  • @enso-ui/uploader ↗
  • @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, 11:54:21 AM
Prev
Divider
Next
Dropdown