Unable to add tab component in Vue 3 Vite project

[Cyril Ovely]

Hi Team,

I am trying to add UI components to Vue3 + Vite project, seems like tabs components are not working on vue3 project. I have followed the steps from the documentation. Can you please help me with this?

Below is the sample project for reference.

Regards,
Cyril Ovely

Attachment: syncfusiontabs_8ccc3350.zip

[Vijay Ravi]

Hi Cyril,

The reported problem happened due to the ej2-vue-popups and ej2-vue-buttons styles being referred to. But, the package is not installed on the project. So, you can resolve the issue by changing the ej2-vue-popups and ej2-vue-buttons to ej2-popups and ej2-buttons as shown in the below code snippet.  And also we will update these changes in the documentation.

@import ../node_modules/@syncfusion/ej2-vue-buttons/styles/material.css;

@import ../node_modules/@syncfusion/ej2-vue-popups/styles/material.css;

Change the above styles to like the below.

@import ../node_modules/@syncfusion/ej2-buttons/styles/material.css;

@import ../node_modules/@syncfusion/ej2-popups/styles/material.css;

Regards,

Vijay Ravi

Attachment: modufied_sample_dd8c9a21.zip