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?
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 💪
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 🙂
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 😀I hope I didn’t break anything else. We’ll see. 🤞
Hello @UmbriaSp !
I am very sorry for the late reply!
I am glad that you could work this out 🙂
We will be taking a look into this!
Thank you for the information!
Cheers,
Matias
Another component that has the same issue is StoryDescription.
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.