@daduncan/smart-submit-button

@daduncan/smart-submit-button

A smart, reusable React button component for form submissions — seamlessly connected to a DADCMS content management platform where developers can view and manage incoming messages from their users.

✨ Overview

@daduncan/smart-submit-button is a React component designed for developers who want a plug-and-play solution for collecting user data (like name, email, message, etc.) and managing it through a centralized platform.

Once registered on the DADCMS platform, developers receive a public key which they pass to the button via props. Submitted data is securely routed to their dashboard, where they can view their users messages — without building a backend.

✨ STYLE THE BUTTON YOUR WAY

🚀 Installation

Install via npm:

npm install @daduncan/smart-submit-button

or

yarn add @daduncan/smart-submit-button


How It Works
Register on the DADCMS  content management platform. temporary link(https://dadcms.netlify.app)

Receive your public key.

Install the button in your React project.

Pass user data and your public key via props.

View submissions in your platform dashboard.




Usage
jsx
import React from 'react'
import {SmartSubmitButton} from '@daduncan/smart-submit-button'

const App = () => {

  const componentProps = {
    data: {
      name: 'David',
      email: "[e-mail]",
      subject:"subject",
      message: "your message",
    },
    publicKey: 'your-api-key',
    buttonText: 'your button text',
    onError : ()=> alert('there was an error'),
    onSuccess: ()=> alert('submitted successfully'),
  }

  return (
    <div >
      <SmartSubmitButton {...componentProps} />
    </div>
  )
}



🔐 Secure submission using your public key

📤 Sends data directly to dadcms platform 

🧩 Easy to integrate into any React form

🧠 No backend setup required