Bento Components Library

Simple, robust & beautiful

🍱 (System to contain elements in an organized and beautiful way). Is an open-source component library built by Urban Data Analytics Team made with React

Getting Started

Run the following command using Yarn:

yarn add @uda/bento-components

If you prefer npm, use the following command instead:

npm install @uda/bento-components

🚀 Usage

Load Roboto font from CDN:

<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet" />

or via css:

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");

Now you can start using components:

import { Button } from '@uda/bento-components';

const Sample = () => <Button>Bento rules!</Button>;

📚 Storybook

UI components guide

🧪 Update snapshots

 yarn test --updateSnapshot

🕹️ Playroom

Bento Playroom

Create quick mock-ups and interactive prototypes with real code.

📋 Changelog

Please read the changelog.

📝 License

This project is licensed under the terms of the MIT license.