https://github.com/mschn/ngx-voyage

File Explorer for Angular and PrimeNG
https://github.com/mschn/ngx-voyage

angular file-explorer library primeng

Last synced: 3 months ago
JSON representation

File Explorer for Angular and PrimeNG

• Host: GitHub
• URL: https://github.com/mschn/ngx-voyage
• Owner: mschn
• License: mit
• Created: 2025-03-08T17:53:00.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-03-15T22:10:22.000Z (3 months ago)
• Last Synced: 2025-03-15T22:27:34.222Z (3 months ago)
• Topics: angular, file-explorer, library, primeng
• Language: TypeScript
• Homepage: https://mschn.github.io/ngx-voyage/
• Size: 2.43 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - ngx-voyage - File Explorer for Angular and PrimeNG. (Table of contents / Third Party Components)

README

        
# ngx-voyage

[![npmjs](https://img.shields.io/npm/v/ngx-voyage?color=blue)](https://www.npmjs.com/package/ngx-voyage)

[![E2E tests](https://github.com/mschn/ngx-voyage/actions/workflows/e2e_tests.yml/badge.svg)](https://github.com/mschn/ngx-voyage/actions/workflows/e2e_tests.yml)

[![Unit tests](https://github.com/mschn/ngx-voyage/actions/workflows/unit_tests.yml/badge.svg)](https://github.com/mschn/ngx-voyage/actions/workflows/unit_tests.yml)

[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=mschn_ngx-voyage&metric=coverage)](https://sonarcloud.io/summary/new_code?id=mschn_ngx-voyage)

`ngx-voyage` is a File Explorer component for [Angular](https://angular.dev/) and [PrimeNG](https://primeng.org/).\

Demo and docs: https://mschn.github.io/ngx-voyage/



  



## Quickstart

Install `ngx-voyage` with `npm`:

```bash

npm install ngx-voyage

```

Use `` in your app:

```ts

import { File, NgxVoyageComponent } from "ngx-voyage";

@Component({

  selector: "app-root",

  imports: [NgxVoyageComponent],

  template: '',

})

export class AppComponent {

  path = signal("/home/");

  files = signal([]);

}

```

## Built with

- [Angular](https://angular.dev/)

- [PrimeNG](https://primeng.org/)

- [Tailwind](https://tailwindcss.com/)