# VDM Uikit File Integration Guide
## Overview
Upload/Delete is an intuitive and lightweight JavaScript solution for embedding upload functionality into your website. By simply adding the `vdm-uikit` class to any element that triggers an upload, you can enable users to upload files easily.
## How to Add Uploader to Your Website
1. **Include the Uploader JavaScript File:**
First, include the Uploader script in the `` section of your HTML document:
```html
```
2. **Markup Your Upload Area:**
In the body of your HTML document, apply the `vdm-uikit` class to any element that should trigger an upload action. Here is an example using a custom div:
```html
Attach file by dropping them here or
selecting one
```
3. **Initializing the Uploader:**
The script will automatically initialize all elements with the `vdm-uikit` class. You don’t need to manually initialize it unless additional customization is required.
4. **Customization:**
You must set the various field configurations this way (before loading the class file):
```js
```
### Preventing UIkit Collisions
The Uploader script has been designed to work independently of any existing UIkit installation on your website. It checks for existing instances of UIkit and uses them if they exist. If no UIkit instance is present, it loads its own copy.
## License
Copyright [Llewellyn van der Merwe](https://git.vdm.dev/Llewellyn) under the [MIT license](LICENSE.md).