Issue with design library

Ask us anything
1

I’m currently having a weird issue with a design system in weweb, after the update i can seem to find the styles, color components etc. in the main file but i can find it in another library. this is a loom video regarding the issue Loom | Free Screen & Video Recording Software | Loom

2

Hi @iconicsam :wave:

From what I can see, it looks like:

  • in the Login App project, you created a style libary
  • that you are using in the Base Design components project

For example, here, I’m on the Buttons page of the Base Design components project and it looks like the typography of the buttons is bound to the Login app library:

CleanShot 2023-12-15 at 11.42.18@2x
CleanShot 2023-12-15 at 11.42.18@2x3428×1258 472 KB

This is made possible because you added the “Login App” library to the Base Design components project:

CleanShot 2023-12-15 at 11.43.56@2x
CleanShot 2023-12-15 at 11.43.56@2x1220×1312 85.2 KB

I’m guessing you would prefer to have all the styles in the Base Design components and be able to use those styles in multiple projects (including the Login App project).

Is that correct?

I think that would be great practice because then you would have all your style information and components in one place. When you make an update in the Base Design components project, you can choose to share the updates with the rest of the projects using the Base Design components library.

To do that, you will need to:

  • add typographies in the Base Design components project
  • bind typographies (and other styles) of your buttons to the Base Design components library
  • share the Base Design components library with the workspace
  • add the Base Design components library in your Login app project

Then you will be able to work with the Base Design components library in your Login app project.

Here’s the user docs article with a video that explains the process a bit more in-depth.

Does that make sense?

3

The issue now is that when I want to update components in my base design components, its not updating in the original library I’ve been updating all this while which is the “login app” now its creating new components in my base design app

4

Hi @iconicsam :wave:

Not sure this is an issue. Here’s the user docs article on how to share and update libraries: Share libraries | WeWeb documentation

Long story short, IF:

  • you build component X in project A
  • share the project A library with your workspace
  • use component X (from the project A library) in project B
  • make changes to the instance of the component in project B

THEN those changes will not be reflected in the component of project A. It’s a one-way street.