Horizontal Preview Blog

Overview

The HorizontalPreviewBlog component presents a hero image along with a list of blog posts in a horizontal layout with integrated search functionality for filtering content.

UI Preview

Horizontal Preview Blog - Web Light — click to enlarge

Usage

import React from "react";
import { HorizontalPreviewBlog } from "@cloudnua-mobile/components/custom/horizontal-preview-blog";
import blogPosts from "./data";
 
export const HorizontalPreviewBlogBasic = () => {
  return <HorizontalPreviewBlog blogPosts={blogPosts} />;
};

Required Props

blogPosts: Data array containing blog post information to display

CloudNua Mobile Starter

This component is included with CloudNua Mobile. All packages and source code are available with your purchase. View plans →