Brandelli in italian means shreds, like the ones of Arlecchino's costume. (Reference here if you don't know what we are talking about).

📕 Principles

We structured and pampered every component following these simple principles:

1. Zero impact – try to create as less components as possible
2. Recycle – try to code so you will have to write as less as possible in future
3. Separate – try to identify and define each component function

💻 Install

Add to your project with

yarn add brandelli
# or
npm install --save brandelli

💅 Styles

Styling is powered by styling components allowing you easy customization.

Example:

import styled from 'styled-components';
import {Button} from 'brandelli';

const TomatoButton = styled(Button)`
  color: tomato;
  border-color: tomato;
`;

🏗 TODO

Stuff we have to implent to pimp this butterfly

• [ ] Default theming
• [ ] Theme ovveriding options

✨ Libs we used as inspiration

• gestalt
• ant-design
• bulma components