Features Grid

The FeaturesList component displays a grid of icon-based value propositions. It’s fully responsive and theme-aware.

Usage

import FeaturesList from '~/components/sections/FeaturesList.astro';
import FeatureItem from '~/components/ui/FeatureItem.astro';
import { Zap } from 'lucide-react';

<FeaturesList>
  <FeatureItem 
    title="Lightning Fast" 
    description="Optimized for speed."
  >
    <Zap slot="icon" class="w-6 h-6" />
  </FeatureItem>
</FeaturesList>

Example

Lightning Fast

Optimized for speed with zero-js by default.

Secure by Design

Built with best practices in mind.

Fully Responsive

Looks perfect on any device.

Props

FeatureItem

Prop	Type	Default	Description
`title`	`string`	Required	The heading for the feature.
`description`	`string`	Required	A short summary of the feature.

Slots

icon: The icon to display above the title.