# Añadir

El comando add se usa para añadir componentes de interfaz a la aplicación: componentes de shadcn-svelte y los propios de Vela.

### Sintaxis

```
$ vela ui add <components...>
```

```
$ vela ui add button
```

```
$ vela ui add button card dialog
```

Se pueden añadir varios componentes de una vez. Se instalan en `src/lib/components/ui`, como archivos corrientes que te pertenecen y puedes editar. Los componentes que ya existen se dejan como están.

### Opciones

- `--overwrite` - Reemplazar los componentes que ya existen. Se pierden los cambios locales que tengan.

```
$ vela ui add --overwrite button
```

Solo se reemplazan los componentes indicados; los componentes de los que dependen se siguen añadiendo solo si faltan.

### Componentes de Vela

Vela también incluye componentes que shadcn-svelte no tiene, como `data-table`, `multiselect` y `geopoint`. Se añaden por su nombre como cualquier otro, junto con los componentes y paquetes npm que necesitan:

```
$ vela ui add data-table multiselect
```

`data-table`, `column-header`, `faceted-filter` y `pagination` están construidos con TanStack Table v9 e instalan `@tanstack/table-core`. En un proyecto que sigue en la versión 8 se rechazan hasta actualizar el paquete; consulta [cómo actualizar desde v8](/es/generate/scaffold).

Ejecuta [`vela ui list`](/es/ui/list) para ver todos los componentes que puedes añadir.

Los [generadores](/es/generate) añaden por su cuenta los componentes que necesitan, así que esto es para los que busques tú mismo.