Benjamin den Boer benjamindenboer
benjamindenboer
/ Overrides.tsx
Created
June 3, 2022 13:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import type { ComponentType } from "react" | |
| export function Rotate(Component): ComponentType { | |
| return (props) => { | |
| return ( | |
| <Component | |
| {...props} | |
| animate={{ rotate: 360 }} | |
| transition={{ duration: 10, ease: "linear", repeat: Infinity }} | |
| /> |
benjamindenboer
/ Render.tsx
Created
November 20, 2018 14:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| render() { | |
| return ( | |
| <div style={{ ...style, background: this.props.fill }}> | |
| {this.props.text} | |
| </div> | |
| ); | |
| } |
benjamindenboer
/ Controls.tsx
Created
November 20, 2018 14:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| static propertyControls: PropertyControls = { | |
| text: { type: ControlType.String, title: "Text" }, | |
| fill: { type: ControlType.Color, title: "Fill" } | |
| }; |
benjamindenboer
/ Props.tsx
Last active
November 20, 2018 14:58
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| static defaultProps = { | |
| text: "Get Started", | |
| fill: "#09F" | |
| }; | |
| static propertyControls: PropertyControls = { | |
| text: { type: ControlType.String, title: "Text" }, | |
| fill: { type: ControlType.Color, title: "Fill" } | |
| }; |
benjamindenboer
/ Color.tsx
Created
November 20, 2018 14:44
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| interface Props { | |
| text: string; | |
| fill: string; | |
| } |
benjamindenboer
/ React.tsx
Created
November 20, 2018 14:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as React from "react"; | |
| export class Example extends React.Component { | |
| render() { | |
| return <div style={{color: "blue"}}>Hello World!</div> | |
| } | |
| } |
benjamindenboer
/ React.tsx
Created
November 20, 2018 09:58
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as React from "react"; | |
| export class Example extends React.Component { | |
| render() { | |
| return <div style={{color: "blue"}}>Hello World!</div> | |
| } | |
| } |
benjamindenboer
/ Example.tsx
Created
November 20, 2018 09:41
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| static propertyControls: PropertyControls = { | |
| text: { | |
| type: ControlType.String, | |
| title: "Text" | |
| } | |
| }; |
benjamindenboer
/ gist:78d2cb75c9b4bbfa3742
Last active
August 29, 2015 14:14
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 64 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-instagram.png | |
| 46 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-facebook.png | |
| 36 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-groupon.png | |
| 77 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/stripe-badge.png | |
| 64 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-google.png | |
| 66 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-soundcloud.png | |
| 54 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-stripe.png | |
| 77 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-slack.png | |
| 60 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-twitter.png | |
| 64 /Users/ben/Documents/Design/Framer - Live/FramerSite/sprites/sprite2x/logo-dropbox.png |