Skip to content

Upload

An upload button that allows users to upload one or more files. Once uploaded, it displays a preview of the uploaded file or image.

When to Use

  • In forms or apps where file submission is required.

Usage

javascript
import { Upload } from '@youcan/alto';
vue
<Upload v-model="attachments" />

API Reference

Preview

Usage

javascript
import { UploadPreview } from '@youcan/alto';
vue
<UploadPreview :file="attachment" />

API Reference

Examples

Disabled

Loading

Preview of an upload with progress indicator.

Error

Displays the upload button with an error message.