Feature Grid

Сетка преимуществ. Pro · Лендинги и бренд › Первый экран

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add feature-grid

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { FeatureGrid } from 'valyro-ui-pro';

Prop	Type	Default
`eyebrow`	`ReactNode`		Small label above the title.
`title`	`ReactNode`		Section heading; also the section's accessible name.
`subtitle`	`ReactNode`		Supporting paragraph under the title.
`items` *	`FeatureGridItem[]`		Features, one per cell: icon, title, description and an optional arrow link.
`columns`	`2 \| 3 \| 4`	`3`	Columns on wide screens; narrow containers drop to 2 and then 1.
`variant`	`'cards' \| 'plain'`	`'cards'`	`cards`: a shared hairline grid (Vercel) / frosted cards (Glass). `plain`: no surfaces.
`align`	`'center' \| 'left'`	`'center'`	Alignment of the heading block.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the section title; item titles use the next level.