<p align="center">
  <a href="https://ripple-ui.com">
      <img width="20%" src="https://raw.githubusercontent.com/Siumauricio/zorotek-ui-testing/main/assets/logo.png?token=GHSAT0AAAAAABVRM2IGMP5BSUF4NUOBMSM4YXRJGXQ" alt="Ripple-UI" />
      <h1 align="center">Ripple UI</h1>
  </a>
</p>

A library of high quality components for React.

## Available components

-  Button
-  Input
-  Card
-  Radio
-  Tab
-  Checkbox
-  Select
-  Input
-  Label
-  Status
-  Button Group
-  Grid
-  Flex
-  Select
-  Text
-  Text Area
-  Toggle
-  Drawer
-  Button Group
-  Status
-  Modal
-  Badge
-  Link
-  Skeleton
-  Image
-  Tab
-  Tooltip
-  Spacer
-  Divider
-  Collapse
-  Breadcrumb
-  Box
-  Avatar
-  Alert
-  Popover
-  Table
-  Dropdown
-  Pagination

## Using the components

1. From the command line inside of your project

```
npm install ripple-ui
```

2. Import the component that you want to use

```js
import {Button} from 'ripple-ui';
```

3. Use as if it was any other component

```js
export const function = () => {
  return (
    <Button>
        Hello World!
    <Button />
  );
}
```

## Contributing

See [here](https://github.com/Siumauricio/ripple-ui).
