trotl-canva

A simple, flexible Canva UI for React — with rows drag‑and‑drop, context menus, and persistence.

DEMO: https://canva.linijart.eu/

🚀 Installation

npm install trotl-canva
# or
yarn add trotl-canva

Versions

1.0.2  => ...
1.0.1  => initial release

⚡ Quick Start

import React, { useEffect, useState } from "react";
import Canva from "trotl-canva";

export default function Demo() {


  useEffect(() => {
    document.documentElement.setAttribute('data-theme', "dark");
    // localStorage.setItem('theme', theme);
  }, []);

  return (
      <Canva
        showSidebar={true}
        showPropertiesPanel={true}
        showStylePanel={true}
        showPopupMenu={true}
      />
  );
}

🛠 Features

📚 API Reference

<Canva /> Props

🎨 Styling

🏆 License

MIT — free to use, modify, and share.