Framer / General

Dividing the Components panel into sections?

Dividing the Components panel into sections?

Framer/General · October 13, 2018 at 1:46pm

Dividing the Components panel into sections?

Framer / General · October 13, 2018 at 1:46pm (Edited 5 months ago)

Hi,

Is there a way to divide the Components panel into sections in order to better organize my code components? I tried moving them into subdirectories, but they just disappeared.

It would be great if components in a subdirectory were organised into their own subsection on the Components panel.

Thanks,

Matt.


October 15, 2018 at 1:36pm

Hi Matt! Looks like there is some issue is happening - we do support sections for components in subfolders. Could you please try to name design components with a slash (eg. Section/MyName) to see if the issue related to filesystem or not? Because we do support sections from code and from design components as well. Thanks!

  • reply
  • like

October 15, 2018 at 4:00pm

Hi Artem,

I have just tried creating a component called test/component, and Framer created a file called test_component.tsx in the code directory.

Thanks,

Matt.

  • reply
  • like

October 15, 2018 at 6:47pm

For code components you can just put them in folders. For design components you can add /something/component name to structure high level. Hope that helps.

  • reply
  • like
  • reply
  • like

October 16, 2018 at 1:59pm

Hi Jorn,

It appears to be a feature of v3, which was only released today.

Matt.

  • reply
  • like

October 18, 2018 at 8:06am

awesome thanks for that!

  • reply
  • like

November 2, 2018 at 7:32pm

Hey guys, grouping the code components in a folder doesn't seem to do it for me. Any step I'm missing?

  • reply
  • like

@syithmukhtar It wasn't working for me either until v3 was released, but since then I didn't have to do anything other than copy / create code components in a folder within container/code/

Edited
  • reply
  • like

hi matt, im on v7, and when I did that they're gone from the Components tab =/

  • reply
  • like