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.

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

• Introduction
• Usage
  • Basic
  • Advanced
• Components
  • Absolute
  • Box
  • ScrollView
  • Spacer
• Changelog

License

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