Groups Tab

Groups Tab lets you organize your block’s attributes into collapsible sections. This creates a cleaner editing experience for complex blocks.

Why Use Groups?

• Organize related attributes — Logical grouping by function
• Reduce visual clutter — Collapsible sections hide complexity
• Improve UX — Users find what they need faster

Creating Groups

Step 1: Add a Group

1. In the block editor, go to the Groups tab
2. Click + Add Group
3. Enter a group name (e.g., “Content”, “Settings”, “Advanced”)

Step 2: Assign Attributes

Drag attributes into the group:

1. Find your attributes in the attribute list
2. Drag them to the desired group
3. Attributes appear in that section

Step 3: Configure Group Settings

Each group has settings:

Setting	Description
Name	Group label shown in editor
Initially Open	Start expanded or collapsed
Description	Help text for the section

Group Examples

Content Group

• title (text)
• content (textarea)
• featured_image (image)

Style Group

• background_color (color)
• text_color (color)
• padding (unit)

Settings Group

• alignment (select)
• full_width (toggle)

Next Steps

• Custom Categories — Organize blocks
• Custom Output Directory — Customize output paths