Component name
Sub Column
Sub Column
The Sub Column component renders a titled sub-section within a mega menu dropdown. It displays a linked or plain text header followed by a list of Link Items via the link-item placeholder.
Template Properties
The Sub Column datasource template inherits from _NavigationItem and _AuthNavigationItem.
Template Fields
| Field | Type | Description |
|---|---|---|
| Title | Single-Line Text | The text displayed as the sub-column header. Rendered inside a .menu-subheader element. |
| Link | General Link | Optional link for the sub-column header. When populated, the title renders as a clickable anchor. When empty, the title renders as a plain <span>. |
| RequiresAuth | Checkbox | When checked, the sub-column is only visible to authenticated Business Hub users (currently commented out in view). |
Rendering Behavior
The component checks link accessibility before rendering. If the Link field has a valid href (internal or external), the Title is wrapped in an anchor tag with class menu-subheader. Otherwise, the Title displays as a <span> with the same class. A nested <ul> contains the link-item placeholder for child Link Item renderings.
Placeholder Structure
| Placeholder | Accepts | Purpose |
|---|---|---|
| link-item | Link Item | Child navigation links rendered as list items within the sub-column. |
Component Hierarchy
Header → Navigation Item → Drop Down Menu → Link List Column → Sub Column → Link Item