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

| | | | | :---------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | | 슬링키 | 애슐리 | 헤다 |