DDA with Angular
This is a step-by-step guide to use the DDA components in Angular.
#### Setup
First, install the package:
```jsx
npm i @dubai-design-system/components-angular
```
Next, add the material-icons package which is the icon package used by DDA:
Start by adding the material-icons package inside the `` tag
```jsx
```
Import and add the following to your `app.module.ts` file
```jsx
import { ComponentLibraryModule } from '@dubai-design-system/components-angular';
@NgModule({
imports: [ComponentLibraryModule],
})
export class AppModule {}
```
You should now be able to use DDA components inside your `app.component.html` file:
```jsx
Button
```
#### Change Log
Version: (3.12.3)
- Added Unified Methods and Events to Form Components (Refer to Documentation for guides on using them) [https://designsystem.dubai.ae/developers/input-interactions]
#### Change Log
Version: (alpha)
#### This change is not meant to be adapted on production evironments
- Added Unified Methods and Events to Form Components (Refer to Documentation for guides on using them)
#### Change Log
Version: (3.11.9)
- Revert for Search Event on Change event
#### Change Log
Version: (3.11.8)
- Added Set/Reset Methods to Form Inputs
#### Change Log
Version: (3.11.7)
- Support for disabling and changing icons in Quicklinks Mega Menu
- Added Horizontal Scroll for Header Quicklinks drop downs and Mega Menu
#### Change Log
Version: (3.11.6)
Published on: 01-september-2025
- Header (Added Dropdown support for login button)
- Breadcrumbs (Added Router support)
- Sticky Bar (Added behaviour for hide on scroll)
#### Change Log - Breaking Change
Version: (3.11.2)
Published on: 20-august-2025
- Fix for Default Font.
- The default font in the library is now changed to system-ui, sans-serif instead of Dubai Font.
- The users will now need to define their own font family even if they intend to use Dubai Font.
#### Change Log - Breaking Change
Version: (3.11.1)
Published on: 18-august-2025
- Added fix for performance issue, seperated CSS injections from components (Kindly refer to documentation on how to import the css)
- Accessibility Fixes