When to use it

Use CTAGroup below editorial or promotional copy when the layout needs one clear primary action and a lighter follow-up link.

Composition notes

The component only renders the actions that have both label and href values. buttonVariant lets you force the primary button treatment, while dark changes the default button behavior and link color for darker surfaces.

The row uses a wrapping flex layout, so the button and text link can break onto a second line without extra work when space gets tight. Keep labels short enough that the pair still reads as one action group instead of two unrelated controls.

Behavior and theming guidance

Keep the pair focused. This component works best with one strong button and one lighter text action, not a crowded row of competing choices.

Use dark when the group sits on a dark panel or image overlay so the default contrast stays correct. If a section needs more than two actions, switch to a custom layout rather than stretching CTAGroup beyond its intended role.