# Util Print Styles

Printing invoices and account statements with a corporate header and a legal block on paper only.

- id: `util-print-styles`
- Page: https://agentic-ui-kit.com/components/util-print-styles
- Live preview: https://agentic-ui-kit.com/live/component/util-print-styles

## Install

```bash
agentic-ui add util-print-styles
npx shadcn@4.17.0 add @agentic-ui/util-print-styles
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** page-setup, paper-size-selection, orientation-control, margin-presets, print-scaling, running-header-footer, print-region-scoping, page-break-control, print-only-content, sheet-preview, print-color-adjust, link-url-expansion
- **Intents:** import-export, configure, explore-detail, audit-trail
- **Suits domains:** billing, finance, operations, saas, analytics, healthcare
- **Interaction:** radiogroup-selection, slider-scaling, toggle-options, preview-switch, print-invocation
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** printing invoices and account statements with a corporate header and a legal block on paper only, exporting analytical reports to paper with forced page breaks per section, operational worksheets in landscape A3 with narrow margins and printed backgrounds, clinical or contractual documents with a signature line that must not appear on screen
- **Avoid when:** server-side PDF generation or binary file download (use util-export-menu), documents whose screen design is already identical to paper and require no configuration
- **Preserve when adapting:** page-setup-contract, print-region-model, page-break-semantics, stylesheet-generation
- **Replace when adapting:** document-content, header-footer-copy, default-paper-size
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, checkbox, input, label, separator, slider
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives