Feature Grid
No description available
---
import FeatureGrid from "@components/page-sections/features/feature-grid.astro";
---
<FeatureGrid
align="center" eyebrow="Why teams switch" features={
[
{
"title": "Automated handoffs",
"description": "Trigger downstream tools when tasks close so work keeps moving without manual pings.",
"iconName": "sparkles",
"iconColor": "purple",
"iconBackground": true
},
{
"title": "Insight dashboards",
"description": "Pull status from every project into a single adaptive view for leadership.",
"iconName": "chart-bar-square",
"iconColor": "blue",
"iconBackground": true
},
{
"title": "Granular permissions",
"description": "Use roles to decide exactly who can edit briefs, roadmaps, and approvals.",
"iconName": "shield-check",
"iconColor": "green",
"iconBackground": true
},
{
"title": "Shared timelines",
"description": "Keep stakeholders aligned with always-on launch calendars and reminders.",
"iconName": "calendar-days",
"iconColor": "orange",
"iconBackground": true
}
]
} gap="xl" heading="Operational clarity in every workflow" maxItemWidth={360} minItemWidth={280} subtext="Spotlight the core capabilities that make your product different, with consistent icon cards that wrap automatically on any screen."
/> ---
blocks:
_component: page-sections/features/feature-grid
eyebrow: Why teams switch
heading: Operational clarity in every workflow
subtext: Spotlight the core capabilities that make your product different, with consistent icon cards that wrap automatically on any screen.
align: center
gap: xl
minItemWidth: 280
maxItemWidth: 360
features:
- title: Automated handoffs
description: Trigger downstream tools when tasks close so work keeps moving without manual pings.
iconName: sparkles
iconColor: purple
iconBackground: true
- title: Insight dashboards
description: Pull status from every project into a single adaptive view for leadership.
iconName: chart-bar-square
iconColor: blue
iconBackground: true
- title: Granular permissions
description: Use roles to decide exactly who can edit briefs, roadmaps, and approvals.
iconName: shield-check
iconColor: green
iconBackground: true
- title: Shared timelines
description: Keep stakeholders aligned with always-on launch calendars and reminders.
iconName: calendar-days
iconColor: orange
iconBackground: true
--- Overview
Use Feature Grid when you need to showcase a set of tightly-related capabilities inside one section. It keeps the heading and subtext grouped together while the grid automatically flows into responsive columns, so launches and landing pages stay balanced without hand-tuning breakpoints.
Properties
No properties available. Make sure the component has a valid .cloudcannon.structure-value.yml file.