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.