Skip to content

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.'
  }
]} />