Skip to content

Instantly share code, notes, and snippets.

💭
Designing in code

Nathan Young nathanyoung

💭
Designing in code
Block or report user

Report or block nathanyoung

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Danger Zone
<Block
className={className}
border={{ side: 'all', width: '4px', color: 'red-light' }}
background="red-lighter"
direction="column"
itemSpacing="5"
padding="5"
radius={!isMobile ? 3 : null}
>
<Heading element="4">Danger Zone</Heading>
@nathanyoung
nathanyoung / button.tsx
Created Aug 25, 2018
Framer X Code Component
View button.tsx
import * as React from "react";
import { PropertyControls, ControlType } from "framer";
interface Props {
label: string;
className: string;
onClick: () => void;
type: "default" | "primary" | "outline";
disabled: boolean;
}
@nathanyoung
nathanyoung / Heading.js
Last active Jul 24, 2017
Tag Agnostic heading styled component
View Heading.js
import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
const Title = styled.h1`
font-family: vars(--sans-serif);
line-height: 1;
margin: 0 0 2rem 0;
font-size: ${props =>
props.fontSize === "super"
You can’t perform that action at this time.