Hang Log Design System

A design system library for 행록(Hang Log), a place-based travel record service.

Installation

$ npm install hang-log-design-system
# or
$ yarn add hang-log-design-system

Getting started

To start using the components, first wrap your application in a provider provided by hang-log-design-system

import { HangLogProvider } from 'hang-log-design-system';

const App = ({ children }) => {
  return <HangLogProvider>{children}</HangLogProvider>;
};

After adding the provider, now you can start using components like this.

import { Button } from 'hang-log-design-system';

function App() {
  return (
    <Button variant="primary" size="large">
      Hello World
    </Button>
  );
}

Links

• Storybook
• Figma

Contributors

슬링키	애슐리	헤다