We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Unable to add tab component in Vue 3 Vite project

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


1 Reply

VR Vijay Ravi Syncfusion Team March 15, 2023 01:51 PM UTC

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

Loader.
Up arrow icon