Skip to content

v0.7.10

Choose a tag to compare

@danmolitor danmolitor released this 18 Mar 17:10
· 721 commits to main since this release

@formepdf/tailwind — Tailwind CSS support for Forme templates

New package that converts Tailwind class names to Forme style objects. Write familiar Tailwind syntax instead of inline style objects.

import { tw } from '@formepdf/tailwind';

<View style={tw("flex flex-col items-center p-4 bg-gray-100 rounded-lg")}>
  <Text style={tw("text-lg font-bold text-gray-900")}>Invoice #001

Supports spacing, typography, colors, layout, borders, opacity, grid, negative values, fraction widths, arbitrary values (w-[200px], bg-[#custom]), and alignSelf.


Auto margin support (mx-auto, my-auto)

margin: auto now works correctly in the layout engine. Auto margins absorb remaining free space along the relevant axis — mx-auto centers a child horizontally, my-auto centers vertically.

// Center a fixed-width element horizontally

  Centered


// Or with tailwind
<View style={tw("w-[200] mx-auto")}>
  Centered

Packages

Package Version
@formepdf/core 0.7.10
@formepdf/react 0.7.10
@formepdf/cli 0.7.10
@formepdf/renderer 0.7.10
@formepdf/hono 0.7.10
@formepdf/next 0.7.10
@formepdf/resend 0.7.10
@formepdf/mcp 0.7.10
@formepdf/sdk 0.7.10
@formepdf/tailwind 0.7.10
engine (Cargo) 0.7.10
formepdf (PyPI) 0.7.12
VS Code extension 0.7.9