Custom Component

Column Layout

Multi-column newspaper grid with column rules, drop caps, and justified text.

Preview

In a stunning turn of events, the Revolutionary Army has launched a coordinated assault on multiple World Government facilities across the Grand Line. Sources confirm at least four key installations have been compromised.

Fleet Admiral Sakazuki has ordered a full mobilization of Marine forces, recalling all admirals from their current assignments.

Installation

npx shadcn@latest add https://newspapercn-ui.vercel.app/r/column-layout.json

Props

Prop	Type	Default	Description
`columns`	`1 \| 2 \| 3 \| 4`	`2`	Number of columns
`gap`	`"sm" \| "md" \| "lg"`	`"md"`	Column gap
`rule`	`boolean \| "thin" \| "thick" \| "double"`	`true`	Column rule style
`dropCap`	`boolean`	`false`	Enable drop-cap
`justified`	`boolean`	`true`	Justify text

References

This is a custom newspapercn-ui component.