Missing components in monday-ui-react-core / Vibe design system

Hi, I tried to use the <Tab> component from the monday-ui-react-core lib as described in the Vibe design system but it seems to be missing. I tried

import { Tab } from "monday-ui-react-core";

…but to no avail. What am I missing?

Hello @UmbriaSp and welcome to the community!

I hope you like it here :muscle:

Have you followed the instructions as shown here?

Is that the only thing that you see is missing? Does everything else work for you?

Looking forward to hearing from you :slightly_smiling_face:

Cheers,
Matias

Hi Matias,

Thank you yes, everything else seems to work fine. It seems there is no Tab.js and TabList.js in the ./node-modules/monday-ui-react-core/dist/ folder after I setup the quickstart development env. I tried npm install monday-ui-react-core afterwards but that did not help. Perhaps the quickstart tutorial uses an older version of monday-ui-react-core?

I may have fixed it. The quickstart development environment uses an outdated version of the monday-ui-react-core. Changing the version in package.json did not work. What did work:

npm install monday-ui-react-core@latest

and then adding the components to App.js:

import "monday-ui-react-core/dist/Tab.css";
import "monday-ui-react-core/dist/TabList.css";
import Tab from "monday-ui-react-core/dist/Tab.js";
import TabList from "monday-ui-react-core/dist/TabList.js";

Now I see a perfectly styled Tab element in my app :smile:I hope I didn’t break anything else. We’ll see. :crossed_fingers:

1 Like

Hello @UmbriaSp !

I am very sorry for the late reply!

I am glad that you could work this out :slightly_smiling_face:

We will be taking a look into this!

Thank you for the information!

Cheers,
Matias