SGDS File Upload Component Skill

<sgds-file-upload> renders a styled file upload button. Selected files appear as a list with dismiss (remove) buttons. Use accept to restrict file types and multiple to allow many files.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Accept only images? → accept="image/*"

Accept specific types? → accept=".pdf,.docx,.png"

Allow multiple files? → Add multiple

Show validation feedback? → Set hasFeedback and invalidFeedback