Design KitComponentv0.3.0

TwoColFeatureList

Side-by-side comparison block with a primary media tile on the left and a heavy bullet list on the right.

All componentsKit overviewContact

When to use

Use on product landing pages to explain a key benefit while showing a screenshot.

Import

Import
tsx
import TwoColFeatureList from "@/components/TwoColFeatureList";

Example

Example
tsx
// See import TwoColFeatureList from "@/components/TwoColFeatureList"; for import usage.

Live preview

People also ask

Where do I import TwoColFeatureList from?

Use: import TwoColFeatureList from "@/components/TwoColFeatureList";

How do I keep it multi-domain safe?

Don’t hardcode domains in metadata/JSON-LD. Use getSiteUrl() + toAbsoluteUrl().

Design kit

Turn this into a sellable export

If you want the “packaged kit” (versioning, license, exportable docs and components), we can scope the release pipeline.

ContactAll components