@pomegranate-ui/maracuya-ui/README.md

Maracuya is a design system built with React, Typescript & emotion

# Maracuya-ui - React component library

Maracuya is a react component library built with Typescript & emotion.

Maracuya uses [emotion](https://emotion.sh) for writting css styles using javascript.

[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
yarn add  @pomegranate-ui/maracuya-ui
```

## Usage

```tsx
import React from 'react'

import { Alert } from '@pomegranate-ui/maracuya-ui'

const App = () => {
	return <Alert text='Alert example 😄' color='primary' />
}
```

## Components

- [Alert](https://codesandbox.io/s/eager-water-0jv8p?file=/src/App.js)
- Avatar
- Button
- Chip
- Embed
- Hero
- Hidden
- Image
- ImageDiv
- Overlay
- List & item
- Overlay
- Modal
- more coming up...

## License

MIT © [franzwcom](https://github.com/franzwcom)