Feature Grid

Alpha
General purpose feature grid that renders a responsive grid with in two-, three-, or four-column variants.
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.
SourceStorybookFigma

Import

import {FeatureCopyGrid} from '@fuegokit/react'

Usage

Specify a variant for both the feature grid and the feature items to be rendered in the feature grid.

Depending on the amount of copy you need to render with each feature, different item variants may be used and combined in different layout variants.

Generally, prefer using the following combinations:

Layout variant prop:Item variant prop:
threeColumncolumnWithIcon
twoByTworowWithIcon
fourColumnrowWithCheckMark

Product Category Icons

Specify an Appfire prodeuct category for the product category that your product feature belongs to.

Layout Variants

Every variant supports a feature item with or without a title, and different item variants can be used in different layouts.

Three column:
Two by Two:
Four column:

See also