kilvin

Primitive React Components using Fela

Usage no npm install needed!

<script type="module">
  import kilvin from 'https://cdn.skypack.dev/kilvin';
</script>

README

Kilvin

Kilvin is a set of universal & primitive Layout Components for React.
It is build with Fela and requires react-fela. It is intended to be used in projects that use Fela anyways.

Each component is carefully crafted and well tested in production.

Bundlephobia npm downloads npm version

Installation

yarn add kilvin

Alternatively use npm i --save kilvin.

The Gist

import { Absolute, Box, Spacer } from 'kilvin'

export default () => (
  <Box space={2}>
    <Absolute top={0} left={0} fixed>
      Fixed in the upper left corner.
    </Absolute>
    <Box padding={2}>A</Box>
    <Box padding={3} width={50}>
      B
    </Box>
  </Box>
)

Documentation

License

Kilvin is licensed under the MIT License.
Documentation is licensed under Creative Common License.
Created with ♥ by @robinweser and all the great contributors.