@ngodings/ngx-device
TypeScript icon, indicating that this package has built-in type declarations

15.0.9 • Public • Published

@ngodings/ngx-device

Angular mockup device for Iphone, Android, Ipad and Macbook with customize content

Demo - Angular v15

https://npm.ngodings.com/packages/ngx-device

Support Me

If you like this package I will be happy that you support me on Buy me a coffee :)
Buy me coffee: https://www.buymeacoffee.com/alidihaw
Indonesia People: https://sociabuzz.com/dihaw

Getting Started

Installing and Importing

Install the package by command:

 npm install @ngodings/ngx-device --save

Import the module

import { NgxDeviceModule } from "@ngodings/ngx-device";

@NgModule({
    imports: [
        ...
        NgxDeviceModule
    ],
    declarations: [...],
    providers: [...]
})
export class AppModule {}

Usage

Iphone X

<ngx-device [device]="'iphone-x'">Your Content</ngx-device>

Note 8

<ngx-device [device]="'note8'">Your Content</ngx-device>

Iphone 8

<ngx-device [device]="'iphone8'">Your Content</ngx-device>`

Iphone 8 Plus

<ngx-device [device]="'iphone8plus'">Your Content</ngx-device>

Iphone 5s

<ngx-device [device]="'iphone5s'">Your Content</ngx-device>

Ipad

<ngx-device [device]="'ipad'">Your Content</ngx-device>
``

Nexus 5

```html
<ngx-device [device]="'nexus5'">Your Content</ngx-device>

Macbook

<ngx-device [device]="'macbook'">Your Content</ngx-device>

Option (Input & Output)

name description default value
device Device Type iphone-x

Development

Prepare your environment

  • Install Node.js and NPM
  • Install local dev dependencies: npm install while current directory is this repo

License

MIT @ Ali Abdul Wahid

Install

npm i @ngodings/ngx-device

DownloadsWeekly Downloads

0

Version

15.0.9

License

MIT

Unpacked Size

351 kB

Total Files

15

Last publish

Collaborators

  • alidihaw