Skip to main content

Mega group

Settings​

SettingIDTypeDefaultDescription
HeadingheadingtextBecomes the tab label in tab layouts and the column title in column layouts.
Heading linkheading_urlurlOptional. Turns the heading into a link.
Menumenulink_listRenders this menu's links. Child blocks are appended after it.
Maximum linkslink_limitrange00 shows every link.
Cards per rowcards_per_rowrange0Maximum child cards (Mega card) per row. 0 fits as many as the panel width allows.
Cards per row (mobile)cards_per_row_mobileselect2Cards per row on screens under 768px.
Badge textbadge_texttext
Badge colorbadge_styleselectsuccessCustom applies the Custom color settings below.
Custom colorbadge_bgcolor_background#f3f4f6Solid color or gradient with transparency. Shown when Style is Custom.
Custom text colorbadge_text_colorcolor_background#111827
Bold textbadge_boldcheckboxfalse
Size (mobile)badge_size_mobselecttext-xs
Size (desktop)badge_sizeselecttext-xs
Badge classbadge_padtextpy-px px-1.5Tailwind padding classes. Spacing scale: 0-10, plus 15 and 20. Example: px-2 py-1.
Shapebadge_shapeselectrounded-md
Border widthbadge_border_widthrange0
Border colorbadge_border_colorcolor_background#d1d5dbSolid color or gradient, e.g. linear-gradient(to right, #066fd1, #2fb344).
Border offsetbadge_border_offsetrange0Moves the border ring outward, leaving a gap to the badge edge like a detached outline.
Shadowbadge_shadowselectshadow-none
Shadow lengthbadge_shadow_lengthrange5When shadow is [Cubic].
Shadow colorbadge_shadow_colorcolor#000000When shadow is [Cubic].

Option values​

  • Cards per row (mobile) (cards_per_row_mobile): 1 (1), 2 (2)
  • Badge color (badge_style): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom)
  • Size (mobile) (badge_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl)
  • Size (desktop) (badge_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl)
  • Shape (badge_shape): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud)
  • Shadow (badge_shadow): None (shadow-none), Default (shadow), Small (shadow-sm), Medium (shadow-md), Large (shadow-lg), Cubic (shadow-cubic)

Presets​

  • Mega group · links
  • Mega group · cards