Hero Image Blog

The BlogHeroImage component is designed to display a hero image along with a list of blog posts. It also includes a search input for filtering blog posts.

UI Preview

Web (Light)

Web (Dark)

Native (Light)

Native (Dark)

Usage

To use the BlogHeroImage component, import it and provide it with the necessary blogPosts data. Here is a basic example:

import React from "react";
import { BlogHeroImage } from "@app-launch-kit/components/custom/blog-hero-image";
import blogPosts from "./data";

export const BlogHeroImageBasic = () => {
  return <BlogHeroImage blogPosts={blogPosts} />;
};