NGX-DDS

An Angular library for Dell Design System (DDS) v2+ components.

Prerequisites

• Angular 13.2+

Installation

Change to your project's root directory.

# Install Vanilla DDS Library from Dell's Artifactory
npm install @dds/components --registry=https://artifacts.dell.com/artifactory/api/npm/dx-npm-prod

# Install NGX-DDS Library
npm install @p1n2o/ngx-dds

Project Setup

# Import NGX-DDS (app.module.ts)
...
import { NgxDDSModule } from '@p1n2o/ngx-dds';
...
...
imports: [..., ..., NgxDDSModule]
...

Example Usage (Modal)

<!-- Example Modal -->
<ngx-dds-modal elementId="example-modal">
  <div modal-trigger>
    <button class="dds__button">Launch Modal</button>
  </div>
  <div modal-title>Modal Title</div>
  <div modal-body>Modal body goes here</div>
  <div modal-footer>
    <button class="dds__button dds__button--secondary dds__button--md">Secondary</button>
    <button class="dds__button dds__button--md">Primary</button>
  </div>
</ngx-dds-modal>

NOTE

This library is still under development!

TO-DO:

1. Port all vanilla components
2. Update Documentation