React Alegrify UI

What is React Alegrify UI?

React Alegrify UI is a React wrapper around Alegrify UI.

As we believe human knowledge should be shared, we made some of our User Interface Elements available for everyone who wants to use it.

This repo is a React implementation of the available elements.

How to use

First, install the dependency with yarn, npm or any alternative:

yarn add react-alegrify-ui

Next, add the CSS file into your project. Most react projects support CSS imports (e.g. projects that are set up with create-react-app). In those cases, this should do the trick:

import '../node_modules/alegrify-ui/alegrify-ui.min.css';

In any other case manually include the alegrify-ui.min.css file into your html file:

<link rel="stylesheet" href="<PATH>/alegrify-ui.min.css" />

When these steps are fulfilled, you can easily import any component by doing

import { Button } from 'react-alegrify-ui';

Components

• A (link)
• Avatar
• Button
• Card
• Checkbox
• Dialog
• Dl
• Drawer
• Dropdown
• Footer
• Grid
• Input
• Label
• Notification
• Radio
• Range Input
• Section
• Stepper
• Typography
• Ul

Helpers

• Spacing