Awesome
Kilvin
Kilvin is a set of universal & primitive Layout Components for React.<br> 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.
<a href="https://bundlephobia.com/result?p=kilvin@latest"><img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/kilvin.svg"></a> <img alt="npm downloads" src="https://img.shields.io/npm/dm/kilvin.svg"> <img alt="npm version" src="https://badge.fury.io/js/kilvin.svg">
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.<br> Documentation is licensed under Creative Common License.<br> Created with ♥ by @robinweser and all the great contributors.