Multi Card Pricing

Overview

The FourCardPricingLayout component is designed to present multiple pricing plans in a side-by-side format, enabling users to compare different plan options and their associated benefits.

UI Preview

Multi Card Pricing - Web Light — click to enlarge

Usage

To implement this component, import FourCardPricingLayout and render it in your application:

import React from "react";
import { FourCardPricingLayout } from "@cloudnua-mobile/components/custom/pricing/FourCardPricingLayout";
 
export const FourCardPricingLayoutBasic = () => {
  return <FourCardPricingLayout />;
};

The component accepts necessary data properties to populate pricing information across multiple card displays.

CloudNua Mobile Starter

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