> For the complete documentation index, see [llms.txt](https://docs.relevat.hu/supabase.js-bubble-plugin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.relevat.hu/supabase.js-bubble-plugin/setup/supabase-storage.md).

# Supabase Storage

{% hint style="warning" %}
Before you start, please make sure you read through the Documentation on Storage, especially for [Access Control](https://supabase.com/docs/guides/storage/access-control).
{% endhint %}

## Fields

* Accept: Files to accept, e.g. image/\*
* Image: If you'd like to include an icon or similar as a design element
* Placeholder: To show for the user when the uploader has no value.
* Subtext: This goes below the placeholder as additional information
* Subtext color: Color value
* Subtext size: Number, in px
* Progress Bar color: Color Value 

<figure><img src="/files/jdyrljEE4f6ST5Qy60sL" alt=""><figcaption></figcaption></figure>

States

* **File name** (text): Name of the File to upload
* **Error** (text): Error message
* **File Type** (text): Type of the File to upload
* **File Size** (number): Size of the File to upload (in bytes)&#x20;

## Actions

#### Upload File

Upload file to Supabase, a Key and Bucket name is required. If the Key already exist it'll throw an error.&#x20;

#### Download File

Download a File. A Key and Bucket name is required. The action will automatically download the file to your machine.&#x20;

#### Delete File

Delete a file from Supabase, a Key and Bucket name is required.

#### Update File

Update a File. This action is useful if you'd like to override a file, and don't want to upload a new file. For example when a user updated their profile picture.&#x20;