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

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