Skip to content

Latest commit

 

History

History
60 lines (33 loc) · 3.3 KB

File metadata and controls

60 lines (33 loc) · 3.3 KB
title weight
Introduction
1

Media Library Pro is a paid add-on package that offers Blade, Livewire, Vue, and React components to upload files to your application.

Media Library Pro ships with two components for every environment: an attachment component, and a collection component.

The attachment component can upload one or more files with little or no extra information. It's a lightweight solution for small bits of UI like avatar fields or message attachments.

Screenshot of the attachment component

The collection component can upload multiple files with custom properties. The collection component shines when you need to manage media, for example in admin panels.

Screenshot of the attachment component

If none of those fit the bill, Media Library Pro supplies you with a number of helpers to build your own components.

Are you a visual learner?

In this video, you'll see a quick overview of the package.

<iframe width="560" height="315" src="https://www.youtube.com/embed/Wdav5rXMlRE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Want to see more videos like this? Check out our free video course on how to use Laravel Media Library.

Dive in

All components upload media to the server with the same API. Before you dive into the frontend, read our server guide.

Next, choose your own journey. We have written extensive guides for all four flavours. Be sure to first follow the base installation instructions and pro installation instructions.

Blade

You can use the attachment and collection components in regular forms. Behind the scenes these components use Livewire, but no Livewire knowledge is needed to use them.

Livewire

If you are creating Livewire components to display and handle forms, this is your path. The attachment and collection components can be used from within your Livewire components

Vue

React

Demo application

We've created a demo application in which all components are installed. This way you'll have a full example on how to use components in your project.

You'll find the code of the demo application in this repository on GitHub. In order to composer install on that project, you'll need to have a license.