Skip to content

Instantly share code, notes, and snippets.

View pburtchaell's full-sized avatar

Patrick Burtchaell pburtchaell

View GitHub Profile

If you are looking to help, here are some resources:

  • Muslims for Humanity, a non-profit organization, is looking for volunteers. View their sign-up form if you can offer your time and energy, particularly after the waters have receded and the families affected need help cleaning up. If you can donate funds to the cause, go here —make sure you designate it to Disaster Relief Services and choose either Baton Rouge, LA or Louisiana Floods. You will find that there are many organizations asking for donations. When you can, give locally.
  • You can drop off clothing and other supplies (like non-perishable foods and small-packaged toiletries) at several different locations in New Orleans and Louisiana, including the Dirty Coast on Magazine Street and United Way located at 2515 St. Charles Ave. A bigger list of locations and organizations-in-need can be found [here](http:/
<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>
const leftText = "Hello"
// using props.chilren
const Button = (props) => (
<div>
{props.children}
</div>
)
<Button>
// 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,
/**
* @public
* Returns all design components
* */
export default function useCanvas() {
let components = null
let canvas = null
try {
// @ts-ignore
@pburtchaell
pburtchaell / TapEventOverrides.tsx
Last active August 24, 2022 08:38
Double tap & long press event overrides for Framer X
import { Data, Override } from "framer"
const state = Data({
doubleTapIndex: 0,
doubleTapTimer: setTimeout(null, null),
longPress: false,
longPressTimer: setTimeout(null, null),
})
export function doubleTap(): Override {
import * as React from "react"
import { useState } from "react"
function CodeComponent(props) {
const [color, setColor] = useState("blue")
return (
<Frame
background={color}
onTap={() = > {