Files component
<wy-files> | WyFiles
The files component renders a complete and functional user interface for a file collaboration/storage with uploading, sharing, previewing, commenting and downloading of files.
Importing
If you installed the UIKit with npm you can use the following snippet to import the component into your project.
Otherwise, if you installed the UIKit as a <script> you can ignore this section.
import { WyFiles } from "@weavy/uikit-web";
Examples
As seen in this example, specifying the app identifier (uid) is required, and automatically creates a corresponding app on your Weavy environment when the component is first initialized.
<wy-files uid="test-files" name="Test files"></wy-files>
It's often useful to base the
uidon something that identifies the location where the component is rendered. Typically you would use something like a product id, page id, path or URL.
Properties
Most properties are optional and/or has sensible default values. Required properties are indicated with an asterisk (*).
| Property | Type | Description |
|---|---|---|
uid* |
string |
Unique identifier for the app. |
name |
string |
Optional display name for the app (used in notifications etc.) |
notifications |
"button-list", "none" |
Set the appearance of notifications. Defaults to "button-list". |
notificationsBadge |
"count, "dot", "none" |
Set the appearance of the notification badge. Defaults to "count". |
noAttachments |
boolean |
Disable the possibility to upload local files. |
noCloudFiles |
boolean |
Disable the cloud file picker (Google Drive, Dropbox etc.) |
noMentions |
boolean |
Disable the possibility to mention other people in the directory in a file comment. |
noPreviews |
boolean |
Disable previews of files. |
noReactions |
boolean |
Disable the possibility to add emoji reactions to a file comment. |
noComments |
boolean |
Disable comments on a file. |
noVersions |
boolean |
Disable file versions. |
noWebDAV |
boolean |
Disable webDAV functionality. |
Learn more about attributes and properties.
Events
| Name | Description |
|---|---|
wy:link |
Emitted when a notification is clicked. |
Learn more about events.