Muil

Muil

  • Docs
  • Configurations
  • API
  • Blog

›Components

Getting Started

  • Quick Start Guide
  • Slow Start Guide
  • Run Templates Viewer
  • Write Template
  • Styling Template
  • Solutions
  • Why Muil

Configurations

  • CLI
  • Custom Webpack Config
  • Custom Babel Config

API

  • Authorization
  • Sending Email
  • Generating PDF
  • Generating Image
  • Generating HTML

Email Limitations

  • Fonts
  • SVG

Components

  • Intro
  • Grid
  • Style
  • Alignment
  • Typography
  • Button
  • Callout
  • Menu
  • Spacer
  • Wrapper
  • Charts
  • PDF Page

PDF Page

PDF Page helps you to create a wrapper for you pdf pages.

Basics

import { Page } from "@muil/components";

<Page size="A3">Content</Page>;

Full Example

import { Page } from "@muil/components";

<BasePage
  page="A3"
  page={1}
  renderHeader={({ page }) => <div>Header {page}</div>}
  renderFooter={({ page }) => <div>Footer {page}</div>}
>
  Page Content
</BasePage>;

Properties

PropertyTypeDescription
pageStringdefault A4
pageNumberpage number
renderHeader({page}) => React.Nodefunction to render header
renderFooter({page}) => React.Nodefunction to render footer
landscapeBooleanis landscape page
classNameStringclass name
childrenReact.Noderender page content
← Charts
  • Basics
  • Full Example
  • Properties
Copyright © 2021 muil