addisonschultz

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

export function Component({ childComponent }) {
  return (
    <div style={{ width: "100%" }}>
      {React.Children.map(childComponent, (child, index) => {
        return React.cloneElement(child, {
          width: "100%",
          key: index,

addisonschultz

children: {
    type: ControlType.Array,
    propertyControl: {
        type: ControlType.ComponentInstance,
    },
},

addisonschultz

import { Override, Data } from "framer"
import * as React from "react"

const slideData = Data({ currentSlide: 0 })

export function SlideControls(props): Override {
    // This sets the slidesNumber dynamically from the Page component
    const slidesNumber = React.Children.toArray(props.children)[0].props
        .children.length

addisonschultz

import { ControlType, PropertyControls } from "framer";

export function generatePropertyControls(
  options: {
    hidden?: (props: any) => boolean;
    omittedProperties?: string[];
  } = {}
): PropertyControls {
  const properties: PropertyControls = {
    // Property Controls go here

addisonschultz

function Add() {
  let css = document.createElement("link");
  css.href = "path/to/styles.css";
  css.id = "framerCustomCSS";
  document.head.appendChild(css);
}

if (
  document.getElementById("framerCustomCSS")
) {

addisonschultz

function Loader() {
  if (document.getElementById("customScript")) {
    console.log("Script is already loaded!");
    return;
  }

  const script = document.createElement("script");
  script.src = "path/to/sript.js";
  script.id = "customScript";
  document.head.appendChild(script);

addisonschultz

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

/**
 * This import will allow Overrides made in another file available to use in our component
 *
 * Change the override names and file name if yours is different
 */
// import { Primary, Secondary, Destructive } from "./Examples";

addisonschultz

import * as React from "react"
import { useState, useEffect } from "react"

// Hook
let cachedScripts = []

export function useScript(src) {
    // Keeping track of script loaded and error state
    const [state, setState] = useState({
        loaded: false,