Feature Matrix

feature_matrix creates a horizontally scrollable matrix for tiers, editions, or implementation paths.

When to Use

Use it when users need to compare multiple structured values across the same feature rows.

Usage

{{ feature_matrix(title="Matrix", col_1="Starter", col_2="Pro", row_1_feature="Sections") }}

Live Example

Capability matrix

FeatureStarterProEnterprise
Landing sectionsCoreExtendedCustom
SupportDocsPriorityDedicated
BrandingTheme tokensAdvancedGoverned

Parameters

ParameterDescription
containerInner content width.
eyebrowSmall uppercase label above the heading.
titleSection heading.
descriptionSupporting copy.
col_1..3Matrix column labels.
row_N_featureFeature label, up to 6 rows.
row_N_col_NRow value for each column.
bgFull-width section background token.
classAdditional CSS classes on the outer section.