Repository navigation
v0.7.10
@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 #001Supports 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")}>
CenteredPackages
| 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 |