Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Upload

Upload provides the UI for selecting files, drag-and-drop upload areas, and file progress displays. It emits selected files through fileSelected, but the application is responsible for validation, uploading to a backend, retrying, deleting, and persisting uploaded file records.

ngs-upload-area

PropTypeDefault
allowHover
Whether to allow hover state
booleantrue
multiple
Whether to allow multiple files
booleanfalse

ngs-file / ngs-grid-file

PropTypeDefault
size
The size of the file
numberundefined
progress
The upload progress (0-100)
number0
progressingMessage
The message to show during progress
stringundefined
errorMessage
The error message to show
stringundefined
remainingTime
The remaining time for the upload
stringundefined

ngsUploadTrigger

PropTypeDefault
multiple
Whether to allow multiple files
booleanfalse

Events

EventDescription
fileSelectedEmitted when a file is selected