pburtchaell

<form>
  <input type="radio" id="answer-1" value="answer-1">
  <label for="answer-1">My answer 1</label>
  
  <input type="radio" id="answer-2" value="answer-2">
  <label for="answer-2">My answer 2</label>
</form>

pburtchaell

const leftText = "Hello"

// using props.chilren
const Button = (props) => (
  <div>
   {props.children}
  </div>
)

<Button>

pburtchaell

// Gets all design components exported from the canvas
export default function useDesignComponents() {  
  let canvas = require('../canvas.tsx')

  let components = []

  for (const key in canvas) {
    if (!key.endsWith('__')) {
      components = [...components, {
        key: key,

pburtchaell

/**
 * @public
 * Returns all design components
 * */
export default function useCanvas() {
    let components = null
    let canvas = null

    try {
        // @ts-ignore

pburtchaell

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

function CodeComponent(props) {
  const [color, setColor] = useState("blue")

  return (
    <Frame
      background={color}
      onTap={() = > {

pburtchaell

import { Data, Override } from "framer"

const state = Data({
    doubleTapIndex: 0,
    doubleTapTimer: setTimeout(null, null),
    longPress: false,
    longPressTimer: setTimeout(null, null),
})

export function doubleTap(): Override {

pburtchaell

/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 * 
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices. 
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing 
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */