Horizontal CTA

Overview

The HorizontalCta component is designed to display a call to action in a horizontal layout for encouraging users to take specific actions like newsletter signups.

UI Preview

Horizontal CTA - Web Light — click to enlarge

Usage

To implement this component, import both the component and its configuration:

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

The component accepts predefined data through the horizontalCta constants object, which supplies necessary properties for rendering.

CloudNua Mobile Starter

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