@wap-ui/react NPM

<Awesome React UI Library />

`Demo`

`Installing WAP-UI`

To use WAP UI, Install the @wap-ui/react package and its peer dependencies. (@emotion/react, @emotion/styled, framer-motion)

yarn add @wap-ui/react @emotion/react @emotion/styled framer-motion
# or
npm i @wap-ui/react @emotion/react @emotion/styled framer-motion

`Usage`

To start using the components, follow these steps:

For WAP UI to work correctly, Wrap WapUIProvider provided by @wap-ui/react at root of your application.

import React from 'react';

// 1. import `WapUIProvider` component
import ReactDOM from 'react-dom/client';
import App from './App';
import { WapUIProvider } from '@wap-ui/react';

// 2. Wrap WapUIProvider at the root of your app
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <WapUIProvider>
    <App />
  </WapUIProvider>,
);

Bring components what you want and use them.

import { Button } from '@wap-ui/react';

const Home = () => {
  return (
    <Button size="md" color="success" shadow>
      버튼
    </Button>
  );
};

export default Home;