---
alias: "fc.button.print.inline"
aliases:
  - fc.button.print.inline
  - fc.button.print.inline.compatibility
category: action
module: Core
---
# fc.button.print.inline

Embedded inline print button that combines page query data with an HTML setting template to generate printable documents. Opens a modal preview with a print action. Legacy variant -- the newer `fc.button.print` is preferred for new implementations.

## When to Use
- Printing pick lists, packing slips, or order invoices from a detail page
- Pages requiring HTML template-based document generation
- Legacy implementations using pre-existing custom pick list templates

## Key Props
| Prop | Type | Required | What it controls |
|------|------|----------|------------------|
| `label` | string | **Yes** | Button label text (supports i18n keys) |
| `setting` | string | **Yes** | Name of a Fluent setting containing an HTML document template. The template supports template strings referencing page query data. |

## Data Binding
The `setting` prop references a Fluent Commerce setting that contains an HTML template. The component merges page query data into the template using template strings, then renders the result in a modal preview for printing.

The `fc.button.print.inline.compatibility` alias is designed for use with pre-existing custom pick list templates (saved under setting name `PICK_N_PACK_CUSTOM_PICK_LIST`). That version performs data transformation before rendering because the legacy template format requires a specific data structure not easily generated from GraphQL.

## Descendants
No.

## Gotchas
- This is a **legacy** design. For new implementations, use `fc.button.print` instead.
- The "compatibility" alias (`fc.button.print.inline.compatibility`) handles data transformation for legacy `PICK_N_PACK_CUSTOM_PICK_LIST` templates.
- On click, a modal preview appears with a print button that triggers the browser's native print action.
- The HTML template in the setting can contain mustache-style template strings referencing data from the page query.

## Manifest Example
```json
{
  "component": "fc.button.print.inline",
  "props": {
    "label": "i18n:fc.fulfilment.printPickList",
    "setting": "PICK_N_PACK_CUSTOM_PICK_LIST"
  }
}
```

## AI Parse Notes
- **Primary intent:** Declarative Mystique component definition for manifests.
- **Selection signals:** Match by `alias`, category, and required `Key Props`.
- **Assembly hints:** Combine with compatible parent/child components listed in `Composition Patterns`.
- **Safety checks:** Validate required props and data bindings before manifest generation.
