import { Meta, Canvas } from '@storybook/addon-docs/blocks';
import { Example, CssVariables, JumpTo } from '../../.storybook/blocks';
import * as stories from './print.stories';
import { Button } from '../react';
import styles from '../styles.module.css';
# Print
> Print brukes for å lage PDF eller utskriftsvennlige rapporter og dokumenter med Mattilsynets designprofil.
> I nettleser får du en A4-forhåndsvisning, og ved PDF/utskrift får du sidetall, bunnlinje og kontrollerte sideskift som unngår brudd i bilder, lister og tabeller.
## Kode
- All HTML du lager, kan sendes til Mattilsynets [HTML-til-PDF-tjeneste](https://github.com/Mattilsynet/html-to-pdf)
- Koden legges automatisk i ``, så du trenger ikke lage head, meta osv selv.
- Tjenesten bruker headless Chrome, så bruk Chromes print-preview ved lokal testing
- Alle bilder må inlines som `base64`-urler så de blir en del av HTML-strengen
- All CSS og fonter må også inlines, dette hjelper designsystemet med slik:
```
// Import CSS as text if using Vite
import css from '@mattilsynet/design/styles.css?raw';
// ...or import css with pure Node:
import path from "node:path";
import fs from "node:fs";
const cssPath = path.resolve(process.cwd(), 'node_modules/@mattilsynet/design/mtds/styles.css');
const css = fs.readFileSync(cssPath, 'utf8');
innhold her
```
## Brevmal
- For å legge inn mottaker, lag en `` og `
` inne i en `
`:
```
Eksempelstedet AS
Uendeligveien 999
0000 Sted
Vår ref:
2004/12345
Dato:
01.01.2024
Org.nr:
123456789
```
## Rapportmal
- Legg til en `` for forside
- Legg til en `` for bakside
## Vedtak
- Det finnes mye, godt utarbeidet materiale for hvordan vedtak skal utformes, og det er viktig at vi følger dette så langt det lar seg gjøre. [Se rapportkvalitet →](https://mattilsynet.sharepoint.com/:f:/r/sites/TVRTilsyn/Delte%20dokumenter/Rapportkvalitet/Oppl%C3%A6ring%20Nytt%20oppsett%20i%20MATS?csf=1&web=1&e=94K1gM)
- Designsystemet har foreløpig ingen spesifikke komponenter for vedtak, men har heller kodet opp et eksempel foreløpig.