Add Files Component

[aswinshenoy]

Implement the Files component according to spec: https://www.lightningdesignsystem.com/components/files/

I am currently working on the same and will post an initial prop proposal soon.

[aswinshenoy]

Here is my initial prop proposal for the component, what do you think?

File

Name	Type	Description
ClassName	array/object/string	Additional Class Names
placeholder	string	URL to placeholder image.
title	string	Title for the file
description	string	Description for the link attachment
externalIcon	string	URL to external icon
type	string	File format, as in SLDS Doctype Icons, to be shown
onClick	string/node	Action/URL to be opened on click
downloadURL	string	URL to download file.
isLoading	boolean	Whether the file is loading. Defaults false.

Here are some basic examples using these specs -

<div>
<File
    title="Image Title"
    type="image"
    onClick="{...}"
>
<File
    placeholder="..."
    onClick="{...}"
>
<File
    title="Proposal.pdf"
    type="pdf"
    placeholder="..."
    onClick="{...}"
    downloadURL="..."
>
<File
    placeholder="..."
    onClick="{...}"
    downloadURL="..."
>
<File
    title="Proposal.pdf"
    type="pdf"
    onClick="{...}"
   externalIcon="..."
>
<File
    placeholder="..."
    title="Image Title"
    type="image"
    onClick="{...}"
    isLoading
>
<File
    title="Maui By Air The Best Way Around The Island"
    description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt"
    onClick="{...}"
>
</div>

Currently doesn't have support for handling multiple files in groups.

[interactivellama]

I still need to look at this closer, but my initial thoughts are:

• externalIcon and type should probably take an Icon component. Path should be dealt with there. icon={<Icon name="audio" />} should work I think.
• Looking at the spec. it looks like you need a Dropdown menu passed in. Maybe actionsDropdown?
• onClick should be a function callback

[interactivellama]

I will try to get also you additional feedback on Files tomorrow.