Single Card Pricing

Overview

The SingleColumnPricingLayout component presents a solitary pricing card featuring plan details, features, and benefits information.

UI Preview

Single Card Pricing - Web Light — click to enlarge

Usage

To integrate this component, import SingleColumnPricingLayout and supply the required data:

import React from "react";
import { SingleColumnPricingLayout } from "@cloudnua-mobile/components/custom/pricing/SingleColumnPricingLayout";
import data from "@cloudnua-mobile/utils/constants/lifetimePricingCard";
 
export const SingleColumnPricingLayoutBasic = () => {
  return (
    <SingleColumnPricingLayout
      data={data}
      title="All features for one price. Try gluestack now!"
    />
  );
};

The component accepts a data object and title prop to customize the pricing card display.

CloudNua Mobile Starter

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