pkill "Touch Bar agent";
killall "ControlStrip";
import * as React from 'react' | |
import { addPropertyControls, ControlType, FrameProps, Frame } from 'framer' | |
import reactElementToJSXString from 'react-element-to-jsx-string' | |
import Highlight, { defaultProps } from 'prism-react-renderer' | |
import { themes } from './themes' | |
import Clipboard from 'react-clipboard.js' | |
// @steveruizok | |
// Define type of property |
pkill "Touch Bar agent";
killall "ControlStrip";
import * as React from 'react' | |
import styled from '@emotion/styled' | |
import { css } from '@emotion/core' | |
import { addPropertyControls, ControlType } from 'framer' | |
type DataTypes = { | |
format: 'data40' | 'data30' | 'data20' | 'data10' | |
} | |
interface IDataTextProps { |
import * as React from "react" | |
import { Frame, addPropertyControls, ControlType } from "framer" | |
type Props = { | |
width: number | string | |
height: number | string | |
color: string | |
} | |
export const SvgComponent = (props: Props) => { |
import * as React from 'react' | |
import { Stack, Frame } from 'framer' | |
import { colors } from './canvas' | |
export function Colors() { | |
const [colorsTokens] = React.useState(() => { | |
return Object.keys(colors).map(key => colors[key]) | |
}) | |
return ( |
import * as React from 'react' | |
import { useState, useEffect, useRef } from 'react' | |
import { Frame, addPropertyControls, ControlType } from 'framer' | |
import { Runtime, Inspector } from '@observablehq/runtime' | |
import notebook from '@davo/bar-chart-race' | |
export function Observable({ tick }) { | |
const [tickDuration, setTickDuration] = useState(tick) | |
const animationRef = useRef() |
// https://framer.slack.com/archives/CB74N2FDY/p1557954143213500?thread_ts=1557952502.211200&cid=CB74N2FDY | |
import { Override, Data } from "framer" | |
import * as React from "react" | |
const initialSize = document.body.getBoundingClientRect() | |
const preview = Data({ width: initialSize.width, height: initialSize.height }) |