Usage
---
import { Feature } from '~/components';
---
<Feature
title="Support for Astro & Next.js"
imageLight="https://assets.shipkit.app/placeholder/light/feature-astro-next.svg"
imageDark="https://assets.shipkit.app/placeholder/dark/feature-astro-next.svg"
text="ShipKit offers you the freedom to choose a boilerplate based on Astro or Next.js, empowering you to select the meta-framework that best fits your project's needs. This choice ensures you start with the strongest foundation possible, tailored to your development style."
/>
import { Feature } from '~/components';
export default async function Page() {
return (
<Feature
title="Support for Astro & Next.js"
imageLight="https://assets.shipkit.app/placeholder/light/feature-astro-next.svg"
imageDark="https://assets.shipkit.app/placeholder/dark/feature-astro-next.svg"
text="ShipKit offers you the freedom to choose a boilerplate based on Astro or Next.js, empowering you to select the meta-framework that best fits your project's needs. This choice ensures you start with the strongest foundation possible, tailored to your development style."
/>
);
}
Props
The title of the feature.
The description of the feature.
The image for the feature in light mode.
The image for the feature in dark mode.
The alt text for the image.
The label above the title of the feature.
Reverse the order of the image and text.