sjyoung428 / wap-ui

🌊 Awesome React Component Libraray "wap-ui" .💦

<Awesome React UI Library />

Installing WAP-UI

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

Usage

import React from 'react';

// 1. import `WapUIProvider` component
import { WapUIProvider } from 'wap-ui';

function App() {
  // 2. Wrap WapUIProvider at the root of your app
  return (
    <WapUIProvider>
      <Write-Your-Code />
    </WapUIProvider>
  );
}

import React from 'react';
import { Button } from 'wap-ui';

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

export default Home;

Contributors

성준영(소프트웨어·인공지능전공 16학번)

이예슬(소프트웨어·인공지능전공 21학번)

김민수(컴퓨터공학전공 19학번)

Links

Docs / NPM / Storybook / PPT / Example