Plant Profile Grid

Structured plant cards sourced from the plant collection.

---
import PlantProfileGrid from "@page-sections/eferns/plant-profile-grid/PlantProfileGrid.astro";
---

<PlantProfileGrid
eyebrow="Profiles" heading="Compare structured fern profiles" plantSlugs={
  [
    "boston-fern",
    "birds-nest-fern",
    "japanese-painted-fern",
    "western-sword-fern"
  ]
} subtext="Plants remain structured objects, not prose fragments."
/>
---
blocks:
  _component: page-sections/eferns/plant-profile-grid
  eyebrow: Profiles
  heading: Compare structured fern profiles
  subtext: Plants remain structured objects, not prose fragments.
  plantSlugs:
    - boston-fern
    - birds-nest-fern
    - japanese-painted-fern
    - western-sword-fern
---

Overview

A collection-backed comparison grid for plant profiles. Designed for repeatable cards with controlled taxonomy labels, explicit empty states, and safe handling of odd item counts.

Properties

eyebrow string | default: Plant profiles

heading string | default: Profiles built for comparison, not ornamental copy

subtext string | default: Each card is anchored to a controlled vocabulary for light, water, and maintenance.

plantSlugs string | default: array

limit string | default: 6

backgroundColor string | default: base

Examples

Primary

---
import PlantProfileGrid from "@page-sections/eferns/plant-profile-grid/PlantProfileGrid.astro";
---

<PlantProfileGrid
eyebrow="Profiles" heading="Compare structured fern profiles" plantSlugs={
  [
    "boston-fern",
    "birds-nest-fern",
    "japanese-painted-fern",
    "western-sword-fern"
  ]
} subtext="Plants remain structured objects, not prose fragments."
/>
---
blocks:
  _component: page-sections/eferns/plant-profile-grid
  eyebrow: Profiles
  heading: Compare structured fern profiles
  subtext: Plants remain structured objects, not prose fragments.
  plantSlugs:
    - boston-fern
    - birds-nest-fern
    - japanese-painted-fern
    - western-sword-fern
---