File Dropzone: Add accept property

[ElishaSamPeterPrabhu]

Description

• Added accept property to accept certain file types

References
Fixes #2003

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update

How Has This Been Tested?

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

[netlify]

✅ Deploy Preview for moduswebcomponents ready!

Name	Link
🔨 Latest commit	bbd71c1
🔍 Latest deploy log	https://app.netlify.com/sites/moduswebcomponents/deploys/6645985839f7f300088d30bc
😎 Deploy Preview	https://deploy-preview-2516--moduswebcomponents.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 26 (no change from production) Accessibility: 98 (no change from production) Best Practices: 92 (no change from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[coliff]

Quick few thoughts on this:

• The property is labeled accept which I don't think is descriptive enough. Perhaps accept-file-types would be better?
• In the docs/canvas demo it would be helpful to have an example of how exactly a file type to be added. What format does it accept them? would accept=".doc,.docx" work like input type=file does?

[ElishaSamPeterPrabhu]

• .doc,.docx

Quick few thoughts on this:

• The property is labeled accept which I don't think is descriptive enough. Perhaps accept-file-types would be better?
• In the docs/canvas demo it would be helpful to have an example of how exactly a file type to be added. What format does it accept them? would accept=".doc,.docx" work like input type=file does?

• Renamed the prop to acceptFileTypes and added formats doc to the story book
• While adding more than one format it accepts files in this way

• For doc alone its accepts files in this way