Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Need to use UI Library (Antd, Material, Semantic) in a react component library #5516

Closed
agustinpardolp opened this issue Mar 8, 2022 · 1 comment

Comments

@agustinpardolp
Copy link

agustinpardolp commented Mar 8, 2022

Description

Hello!
I'm working on a react component library, using Bit and Antd Design, and basically changing the styles.
I need to import not only each Antd component (eg input, button, table, etc), but also the andt/dist/antd.css file, which contains all the Antd CSS classes. In a common React project, that file is usually imported into the main index.js.
But in this case, I only have a scope/ui/XXXX.tsx
I managed to apply the Antd style importing andt/dist/antd.css in each component... but I can't use my own style.scss (Eg table.module.scss) to modify those Antd classes... nothing happens. It's like antd.css is out of scope and I don't know what to do or what am I doing wrong.

Sorry for my English guys!

I attach images with my folders

Specifications

  • Bit version: 0.0.667
  • Node version: 14.19.0
  • npm / yarn version: 6.14.16
  • Platform:
  • Bit compiler (include version):
  • Bit tester (include version):

Context and additional information



@itaymendel
Copy link
Contributor

if you need to load all of the css for each component, is a similar way to how a consuming app will - please use the mount function of the environment, when rendering the preview.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants