Middle Aligned CTA

Overview

The MiddleAlignedCta component presents a call-to-action button with middle-aligned layout alongside an accompanying image.

UI Preview

Middle Aligned CTA - Web Light — click to enlarge

Usage

To integrate this component, import it along with predefined constants:

import React from "react";
import MiddleAlignedCta from "@cloudnua-mobile/components/custom/cta/MiddleAlignedCta";
import { middleAlignedCta } from "@cloudnua-mobile/utils/constants/cta";
 
export const MiddleAlignedCtaBasic = () => {
  return <MiddleAlignedCta {...middleAlignedCta} />;
};

The component accepts configuration data through props, making it straightforward to customize for your specific use case.

CloudNua Mobile Starter

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