Component: FeatureList

Purpose

Presents a list of key features, benefits, or items in a visually appealing way, often more structured than a simple bulleted list. (This version uses text-based descriptions).

When to Use

Highlighting product or service features on a landing page.
Summarizing key benefits.
Listing steps in a process (if simple).

How to Use (Options / Props)

This component takes a single items prop, which needs to be a list (an "array") of features.

Option (`prop`)	Description	Required?	Example Value Format
`items`	A list where each item has a `title` (the feature name) and `description` (a short explanation).	Yes	`{[ { title: 'Feature 1', description: 'Desc 1' }, { title: 'Feature 2', description: 'Desc 2' } ]}`

Example MDX Usage

<FeatureList items={[
  {
    title: 'Easy Integration',
    description: 'Connect with your existing tools in minutes with our straightforward setup process.'
  },
  {
    title: 'Real-time Analytics',
    description: 'Track your progress and gain valuable insights with our up-to-the-second data reporting.'
  },
  {
    title: '24/7 Support',
    description: 'Our dedicated support team is always available to help you whenever you need assistance.'
  }
]} />

Updated on: 13/05/2026

Was this article helpful?

Thank you!