Skip to content

Instantly share code, notes, and snippets.

@davo

davo/Colors.tsx

Created May 21, 2019
Embed
What would you like to do?
Reusing Framer X Shared Colors on a Function Component
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 (
<Stack size={'100%'}>
{colorsTokens.map((color, index) => {
return <Frame key={index} size={24} background={color} />
})}
</Stack>
)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment