# CTA Inline

> Render a compact horizontal call-to-action section.

Canonical HTML: https://press.varavel.com/docs/shortcodes/cta-inline/
Markdown: https://press.varavel.com/docs/shortcodes/cta-inline/index.md

`cta_inline` is a compact CTA for mid-page prompts. It keeps copy and actions in one bordered row on desktop and stacks cleanly on mobile.

## When to Use

Use it between larger sections when you want to offer a next step without interrupting the page rhythm.

## Usage

```markdown
{{/* cta_inline(
title="Need the full reference?",
action_1_text="Open shortcodes",
action_1_url="/docs/shortcodes/"
) */}}
```

## Live Example

{{ cta_inline(
container="md",
title="Need the full reference?",
description="Every shortcode has a dedicated page with examples.",
action_1_text="Open shortcodes",
action_1_url="/docs/shortcodes/"
) }}

## Parameters

| Parameter          | Description                                           |
| ------------------ | ----------------------------------------------------- |
| `container`        | Inner content width for the inline CTA.               |
| `eyebrow`          | Small uppercase label above the title.                |
| `title`            | CTA heading.                                          |
| `description`      | Supporting copy next to the actions.                  |
| `action_1_text`    | Primary action label.                                 |
| `action_1_url`     | Primary action URL.                                   |
| `action_1_variant` | Primary action style: `solid`, `outline`, or `ghost`. |
| `action_1_color`   | Primary action color token.                           |
| `action_2_text`    | Optional secondary action label.                      |
| `action_2_url`     | Optional secondary action URL.                        |
| `bg`               | Full-width section background token.                  |
| `class`            | Additional CSS classes on the outer section.          |