# msx-ui-devices

**Repository Path**: mirrors_CiscoDevNet/msx-ui-devices

## Basic Information

- **Project Name**: msx-ui-devices
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-22
- **Last Updated**: 2025-10-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @msx/devices

## Description

Common Components related to Devices for MSX platform and service packs.
Testing components coming later

## Installation

This package is already installed in `msx-ui`.

For service packs, ensure you have installed and are using
`@msx/webpack-externals` in your Webpack configuration, and add `@msx/devices` to
your package.json's `peerDependencies` and `devDependencies`. This ensures that
your package indicates that it depends on `@msx/devices` to run, but will install
the package locally during development for use in your unit tests.

```json
{
  "name": "my-service-pack",
  "peerDependencies": {
    "@msx/devices": "^1.0.0"
  },
  "devDependencies": {
    "@msx/devices": "^1.0.0"
  }
}
```

Afterwards, it can be used by importing the
`DevicesModule` from `@msx/devices`:

```typescript
import { NgModule } from '@angular/core';
import { DevicesModule } from '@msx/devices';

@NgModule({
  imports: [
    DevicesModule
  ]
})
export class MyModule {}
```

This package also exposes a downgraded AngularJs module, for use in your service pack.
Simply import the `@msx/devices` file, and add it to your angular module dependencies.

```javascript
import angular from 'angular';
import '@msx/devices';

export default angular
    .module('sda', [
        'msx.devices'
    ]);

```