File Uploader

PRO

You can edit 8 Components for free. Get premium for unlimited access.

Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.

Figma

The File Uploader component is used to upload files in an app.

1. Reference

This component inherits props from the File Uploader.

Prop
Type
Default
state
default
disabled
default

2. State

You can edit the state with the default or disabled parameter.

Image 2.1 : State default

Image 2.2 : State disabled

SwiftUI

The DLFileUploader component is used to upload files in an app.

1. Reference

This component inherits props from the File Uploader.

Prop
Type
Default
state
.normal
.disabled
.normal
title
"text"

-

description
"text"
"text"
icon

-

-

action

-

-

2. State

You can edit the state with the .normal or .disabled parameter.

Upload file

Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.

Upload file

Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.

DLFileUploader(
title: "Upload file",
icon: "ic_FileAdd",
description: "Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.",
state: .normal
)

DLFileUploader(
title: "Upload file",
icon: "ic_FileAdd",
description: "Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.",
state: .disabled
)

Jetpack Compose

The FileUploader component is used to upload files in an app.

1. Reference

This component inherits props from the File Uploader.

Prop
Type
Default
state
FileUploaderState.default
FileUploaderState.disabled
FileUploaderState.default
title
"text"

-

description
"text"

-

icon

-

-

2. State

You can edit the state with the FileUploaderState.default or FileUploaderState.disabled parameter.

Upload file

Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.

Upload file

Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.

FileUploader(
title = "Upload file",
description = "Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.",
icon = R.drawable.ic_file_upload,
state = FileUploaderState.default,
onClick = {}
)

FileUploader(
title = "Upload file",
description = "Max file size is 500kb. Supported file types are .jpg, .png, and .pdf.",
icon = R.drawable.ic_file_upload,
state = FileUploaderState.disabled,
onClick = {}
)

React Native

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Premium Version