Mayd UI
=======

[![CI](https://github.com/Becklyn-Studios/mayd-ui/actions/workflows/ci.yml/badge.svg)](https://github.com/Becklyn-Studios/mayd-ui/actions/workflows/ci.yml)

Todo
----

- Handle rte types
- Test logo sliders and block social proof regarding image width/height
- Test auto slider performance

Usage
-----

Install this library into your project:

```shell
npm i --save @mayd/ui
```


Defining Components
-------------------

When you define a component (e.g. a block) there are some constraints:

1. put your component into a dedicated directory
2. add an export for a `BlockConfig` for your block:
```typescript
export const BlockTextImageConfig: BlockConfig = {
    key: "block-text-image", // this key has to match the parent folder of your block
    component: BlockTextImage,
};
```