ContainerGroup

Container that groups child components by type for easier management

Required Props: idSupports Children: any

Structure

All styling goes in props.className as a single Tailwind utility string. Non-class props (text, src, alt, etc.) stay on their own keys. root.animation for scroll effects.

Properties

PropertyTypeDescriptionExamples
itemsarray
Serialized child snapshots for grouped editing
-
groupSettingsobject
Per-type shared settings overrides
-
backgroundPatternobject
Pattern config (matches root.pattern-style props)
-
backgroundGradientobject
Gradient overlay config
-
idstring
Optional DOM id on wrapper
-
typestring
When page, special isolation rules apply in editor
-
rolestring
-
-
aria-labelstring
-
-
aria-hiddenstring
-
-
aria-describedbystring
-
-
aria-livestring
polite | assertive | off
-
-
canDeleteboolean
-
Default: true
-
canEditNameboolean
-
Default: true
-
customobject
-
-
classNamestring
Tailwind utility classes string. Mobile-first: unprefixed = base, md: = 768px+, sm: = 640px+, lg: = 1024px+. Includes layout, spacing, surface design, and typography.
flex flex-col gap-space-sm py-space-lg px-container-x md:flex-rowbg-primary text-primary-content rounded-box py-3.5 px-6 font-semibold
urlstring
-
-
urlTargetstring
-
-
backgroundobject
-
-
activeTabnumber
-
-
rootobject
-
-