Get started

Emojics UI Kit is a reusable component library that helps Emojics contributors build UIs faster. The goal is to make building durable UIs more productive and satisfying.

Install

Emojics UI Kit components are written in React. It requires Storybook version 5.3.18 and up.

Add Emojics UI Kit to your project.

npm install --save @emojics/ui-kit-react

or

yarn add --dev @emojics/ui-kit-react

Use

Import components you want into your UI

import { Button, Avatar } from ‘@emojics/ui-kit-react’;

and use them like so

  const example = () => (
    <div>
      <Button use={'primary'} onClick={() => 0}>Do something</Button>
      <Avatar name={'John Doe'} />
    </div>
  )

Run and develop Emojics UI Kit locally

Clone the Emojics UI Kit GitHub project then start Storybook.

npm install && npm run storybook

or

yarn && yarn storybook