FeatureRow

Marketing · src/components/FeatureRow/FeatureRow.tsx

One subject, with its picture: title, a paragraph, a few points, one action.

ONE subject, not an array. An array becomes a three-up grid the first time somebody passes three items, and that grid is the tell 50-not-generated.md names. Alternation comes from index rather than a flip prop, so a sequence of rows alternates because of where each sits rather than because somebody remembered.

There is no alignment prop here either: the media side is decided by position.

Import

import { FeatureRow } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
index	number	Position in the sequence. Odd indices mirror, so successive rows alternate.
mark	React.ReactNode
title	React.ReactNode
points	React.ReactNode[]	Short bullets. Each gets a tick.
action	React.ReactNode
media	React.ReactNode	A Figure, usually. This row owns the bleed of its own media slot.
bleed	boolean	Runs the media off the page edge.
className	string
children	React.ReactNode