> For the complete documentation index, see [llms.txt](https://designsystem.dubai.ae/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://designsystem.dubai.ae/developers/angular.md).
# Angular
## DDA with Angular
This is a step-by-step guide to use the DDA components in Angular.
#### Setup
First, install the package [@dubai-design-system/components-angular](https://www.npmjs.com/package/@dubai-design-system/components-angular)
```jsx
npm i @dubai-design-system/components-angular
```
**For Versions 3.11.0+, add CSS reference as below:**
```json
"styles": [
"node_modules/@dubai-design-system/components-js/dist/dda/dda.css"
]
```
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
```