https://github.com/binsarjr/svelte-printpdf

My Component Print PDF support color,flexbox and grid system because using window.print() and css print.
https://github.com/binsarjr/svelte-printpdf

hacktoberfest svelte svelte-component svelte-printpdf sveltekit

Last synced: about 1 month ago
JSON representation

My Component Print PDF support color,flexbox and grid system because using window.print() and css print.

• Host: GitHub
• URL: https://github.com/binsarjr/svelte-printpdf
• Owner: binsarjr
• Created: 2022-10-07T13:27:47.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-13T17:27:47.000Z (7 months ago)
• Last Synced: 2024-08-08T19:38:56.760Z (5 months ago)
• Topics: hacktoberfest, svelte, svelte-component, svelte-printpdf, sveltekit
• Language: Svelte
• Homepage: https://svelte-printpdf.vercel.app
• Size: 35.2 KB
• Stars: 8
• Watchers: 2
• Forks: 3
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Svelte PrintPDF

Minimalistic Print PDF wrapped into svelte component, using `window.print()` and css print to support flexbox and grid layout.

## Contributing

We open to any contribution you could to support this project, you could help us on page numbering feature or you could propose new features to include.

## Features

= Full support on Flexbox, Grid Layout (Browser Support)

- Could translate various CSS

- Print specific `element.only`, read more on [PrintPdf.svelte](./src/PrintPdf.svelte)

## Installation

```zsh

// Yarn Installation

yarn install --dev svelte-printpdf

// or if you prefer NPM Installation

npm install --save-dev svelte-printpdf

```

## Usage Sample

See [demo](https://svelte.dev/repl/ab8b266dda544e3f8cb6f90430c3e7ea?version=3.50.1)

```svelte

  import {PrintPdf, Page} from "svelte-printpdf"

  let print = false

 { print = true }}>PRINT

  

      
Page One

  

  

      
Page Two

  


  .heading {

      color: text-blue;

  }

```