@artifak/block

Basic React component primitive for handling spacing

Usage no npm install needed!

<script type="module">
  import artifakBlock from 'https://cdn.skypack.dev/@artifak/block';
</script>

README

`@artifak/block` (Deprecated from v2.0.0)

Block is a basic block component that acts as a base to your UI components. You can also view the docs at Artifak Block.

Installation

Yarn

yarn add @artifak/block

NPM

npm install @artifak/block

Usage

Below is an example of how you may use it.

import { createBlockComponents } from '@artifak';

const blockStyles = {
  Article: {
    margin: 0,
    padding: [15, 30]
    as: 'article',
  },
};

const { Article } = createBlockComponents<typeof blockStyles>(blockStyles);