Three Column Blog

Overview

The ThreeColumnBlog component presents blog posts in a three-column layout with integrated search functionality for filtering posts.

UI Preview

Three Column Blog - Web Light — click to enlarge

Usage

To implement this component, import it and pass blog post data as a prop:

import React from "react";
import { ThreeColumnBlog } from "@cloudnua-mobile/components/custom/three-column-blog";
import blogPosts from "./data";
 
export const ThreeColumnBlogBasic = () => {
  return <ThreeColumnBlog blogPosts={blogPosts} />;
};

Required Props

blogPosts: Array of blog post data to render across the three-column layout

The component includes a search input for filtering blog posts.

CloudNua Mobile Starter

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