> For the complete documentation index, see [llms.txt](https://ngchallenges.gitbook.io/example-angular/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ngchallenges.gitbook.io/example-angular/cdk-1/cdk.md).

# Tienda CDK

## 🎈CDK - Component Development Kit 🎈

También conocido como Component Dev Kit.

### **¿Qué es CDK?**

Es un conjunto de herramientas que nos sirven para hacer uso de componentes o comportamientos que son de uso común en la Web, que haciendo uso de ellos nos permiten realizar componentes personalizados mucho más rápido, dándonos la oportunidad de enfocarnos en otras áreas de nuestra aplicación.

### **Ventajas**

* Permite enfocarnos en otras áreas del desarrollo.
* Podemos rehusar comportamientos o componentes comunes en la Web, personalizados rápidamente.
* Podemos usar la estética de material u otra librería, y personalizar nuestros componentes sin preocupaciones.

### **¿Cómo instalarlo?**

Instalar Angular CDK es muy sencillo, existen dos formas de hacerlo, una es realizando la instalación de Angular Material, por línea de comandos:

```
ng add @angular/material
```

Al incluir Material, se agrega automaticamente cdk.

En el caso de que no deseemos usar Angular Material, podemos instalar CDK, usando el siguiente comando:

```
ng add @angular/cdk
```

### **Recomendaciones**

Recuerda que para usar Angular Material, puedes usar uno de los temas preestablecidos o crear uno propio, en la guía de Angular Material, se encuentra una breve explicación de la instalación de Angular material: <https://material.angular.io/guide/getting-started>
