# Vue
## DDA with Vue
This is a step-by-step guide to use the DDA components in Vue.
#### Setup
First, install the package [@dubai-design-system/components-vue](https://www.npmjs.com/package/@dubai-design-system/components-vue)
```jsx
npm i @dubai-design-system/components-vue
```
**For Versions 3.11.0+, add CSS reference as below:**
```jsx
import '@dubai-design-system/components-js/dist/dda/dda.css';
```
Next, install the font-awesome package which is the icon package used by DDA:
Start by adding the material-icons package inside the `` tag
```jsx
```
In your main.js file, import your component library plugin and use it:
```jsx
```
```
Button
```