Back

Grid Background

Satu Visual ComponentNew

A grid-lined backdrop with a radial fade toward the edges.

Grid Background

Installation

Add it with the CLI:

Terminal

$

Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.

Usage

Use as a section wrapper. Content goes in as children and sits above the grid.

Props

PropTypeDefaultDescription
childrenReactNodeForeground content.
classNamestringExtra classes (set height here).
sizenumber40Grid cell size in px.