Skip to content
Xng UI
Docs CDK Components Tools Contribute About

File upload

@xngui/components/file-upload
@xngui/components/file-upload

File upload input with labeled trigger.

Preview

No file chosen

Accepted file types depend on accept.

import { Component } from '@angular/core';
import { XFileUpload } from '@xngui/components/file-upload';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
 
@Component({
selector: 'app-example',
imports: [XFileUpload, XForm, XFormField],
templateUrl: './file-upload.component.html',
})
export class ExampleComponent {}

Events

Interact with the preview — events will appear here.