Export/Import Components Library

Is it possible to upload a component to the Design Library because I encountered an issue during the Export/Import process of the component?

I’m not entirely sure if it’s a bug, but I’ve noticed some problems with the Export/Import system. I exported an individual component and imported it into a new site. While the component was created, the inner blocks were not generated within the component. As a result, nothing is displayed, and the inner blocks of the component do not appear in the navigator when attempting to modify the component.

Please feel free to move this report out of the ‘bugs’ category if I made an error.
Here is the site from which the component was exported:

And here is the site where the JSON file was imported:

Here is the json exported file:

{“components”:[{“type”:“cc_block”,“title”:“button_1”,“meta”:{“properties”:{“P5ssQ”:{“name”:“Conditions”,“type”:“conditions”,“default”:“”},“nlTgm”:{“name”:“Link”,“type”:“link”,“default”:“”},“xIYHb”:{“name”:“Width”,“type”:“number”,“withUnit”:true,“default”:“min-content”},“mPNqU”:{“name”:“margin-top”,“type”:“number”,“withUnit”:true,“default”:“0px”},“FSa5T”:{“name”:“margin-right”,“type”:“number”,“withUnit”:true,“default”:“0px”},“Tidw7”:{“name”:“margin-left”,“type”:“number”,“withUnit”:true,“default”:“0px”},“nI2he”:{“name”:“margin-bottom”,“type”:“number”,“withUnit”:true,“default”:“0px”},“3iIsv”:{“name”:“icon”,“type”:“icon”,“default”:{“icon”:{“library”:“fontawesome”,“icon”:{“id”:“icon-check”,“viewBox”:“0 0 28 28”,“paths”:[null,{“d”:“M26.109 8.844c0 0.391-0.156 0.781-0.438 1.062l-13.438 13.438c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-7.781-7.781c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l2.125-2.125c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l4.594 4.609 10.25-10.266c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l2.125 2.125c0.281 0.281 0.438 0.672 0.438 1.062z”}]},“unicode”:“<svg xmlns="http://www.w3.org/2000/svg\” viewBox="0 0 28 28"><path fill="unset" d="M26.109 8.844c0 0.391-0.156 0.781-0.438 1.062l-13.438 13.438c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-7.781-7.781c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l2.125-2.125c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l4.594 4.609 10.25-10.266c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l2.125 2.125c0.281 0.281 0.438 0.672 0.438 1.062z" >“}}},“5KpNS”:{“name”:“Label”,“type”:“text”,“placeholder”:“Label”},“LeDwM”:{“name”:“icon_size”,“type”:“number”,“withUnit”:true,“default”:“1.2em”},“MspTH”:{“name”:“Icon Color”,“type”:“color”,“default”:”!var=r0k4d!“},“8VsM3”:{“name”:“Label Color”,“type”:“color”,“default”:”!var=96cug!“}},“variants”:,“reference”:“ae8a813232”,“preview”:”",“propertyGroups”:{“hI1zw”:{“name”:“Settings”,“properties”:[“3iIsv”,“LeDwM”,“5KpNS”,“xIYHb”,“nlTgm”,“P5ssQ”,“mPNqU”,“FSa5T”,“nI2he”,“Tidw7”,“MspTH”,“8VsM3”]}},“variantGroups”:}}]}

Hey @weedor.

Components are currently not supported to work with the design library but certainly will at some point in the future.

Please check the documentation to see how to export/import your library or individual components.

1 Like

Hi @Marius,

I don’t know what went wrong.
While I was recording a video to show you the issue, everything ran fine. I can’t figure out where my mistake was.
The next time I export/import, I will be more focused on my actions.
Thank you for your help.
I changed the topic to “General”.

Cheers,