Single Column Blog

Overview

The SingleColumnBlog component presents a collection of blog posts using a tabbed interface. Users can navigate between different blog categories including Food, Trends, Guides, and Insights.

UI Preview

Single Column Blog - Web Light — click to enlarge

Usage

To integrate this component, import it along with your category data:

import React from "react";
import { SingleColumnBlog } from "@cloudnua-mobile/components/custom/single-column-blog";
import { foodData, trendsData, guidesData, insightsData } from "./data";
 
export const SingleColumnBlogBasic = () => {
  return (
    <SingleColumnBlog
      foodData={foodData}
      trendsData={trendsData}
      guidesData={guidesData}
      insightsData={insightsData}
    />
  );
};

The component accepts four data props corresponding to each blog category, enabling flexible content management across different topics.

CloudNua Mobile Starter

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