blx v1.0.0-0

blx

npm i blx

import React from 'react'
import { ThemeProvider } from 'styled-components'
import { BlockProvider, connectBlock } from 'blx'
import theme from './theme'
import components from './ui-library'

const MyBlock = connectBlock(({
  components: {
    Box,
    Heading,
    Button,
  },
  ...props
}) => (
  <Box px={3} py={4}>
    <Heading>Hello</Heading>
    <Heading>Beep</Heading>
  </Box>
))

const App = props => (
  <ThemeProvider theme={theme}>
    <BlockProvider components={components}>
      <MyBlock />
    </BlockProvider>
  </ThemeProvider>
)