# 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&#x20;

<figure><img src="https://565817280-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmxSvZ04SZeWMqvozlHui%2Fuploads%2FKYFetDHgnpJgzrY5iRRD%2Fimage.png?alt=media&#x26;token=c2552993-9d91-4c60-b015-4238d85e7dcc" 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;
