Ability to group components about puck HOT 8 CLOSED

+1 for tagging @ahmedrowaihi. This will be additionally useful for restricting what can be dropped into dropzones once #37 lands.

I'll spin out a separate ticket for that one.

from puck.

Been at a conference the last couple of days so haven't been able to reply to this. Apologies.

I think I was slightly confused around the initial proposal here; I thought it was to do with grouping components that have been dragged into the page, rather than in the list of available components, but believe I misinterpreted it.

Correct, grouped in the left hand side (prior to placement) is what I meant.

Regardless, I think #87 should cover this ticket now, and includes some proposals.

Sounds good!

from puck.

Love this suggestion. Likely needs to come in after #37 as this contains some pretty heavy refactors. Will marked as Blocked for the time being.

from puck.

@iwootten I'd also find this super useful (if not necessary) for my use case. @chrisvxd wouldn't it be just a matter of adding an option group label to the component config? From there we could group into an accordion in the sidebar. Or, is there some extra complexity I'm missing?

Edit: @iwootten I understand what you are saying now. Not that this is too hard to implement but blocked by the changes required #37

from puck.

I think I was slightly confused around the initial proposal here; I thought it was to do with grouping components that have been dragged into the page, rather than in the list of available components, but believe I misinterpreted it.

Regardless, I think #87 should cover this ticket now, and includes some proposals.

I'll spin out yet another ticket for what I presumed this one was about.

If nobody shouts otherwise, I'll close this ticket in favour of #87.

Sorry for the confusion!

from puck.

The "other" type of grouping: #88

from puck.

Nobody shouted, so closing this ticket in favour of #87 and #88, which are more explicit and include proposals

from puck.

this would be nice!
we might add a tag field for a component, which will allow us to group them on the right menu

for example:

const config = {
  components: {
    HeadingBlock: {
+    tag: "headers",
      fields: {
        children: {
          type: "text",
        },
      },
      render: ({ children }) => {
        return <h1>{children}</h1>;
      },
    },
  },
};

from puck.