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.

Ejecuta vela ui list para ver todos los componentes que puedes añadir.

Los generadores añaden por su cuenta los componentes que necesitan, así que esto es para los que busques tú mismo.