framerx_boilerplate.tsx

import * as React from "react";
import { Frame, PropertyControls, ControlType } from "framer";


export class componentName extends React.Component {

  static defaultProps = {
    width: 1600,
    height: 1200,
    color: "#e0f",
  };

  static propertyControls = {
    color: {
      type: ControlType.Color,
      title: "Color",
    },
  }

  state = {
    
  };

  render() {

    return (
      <div style={{
        height: "100%",
        width: "100%",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        backgroundColor: this.props.color,
      }}>
      
        
      </div>
    );
  }
}