space ui

공간 UI

메타버스 3D 및 2D 앱용 React 구성 요소 라이브러리.

UI 라이브러리를 사용하는 방법

1.) npm install @space-metaverse-ag/space-ui

2.) 앱 주위에 ThemeProvider 래핑합니다.

 import { ThemeProvider } from '@space-metaverse-ag/space-ui'

const App = ({ Component, pageProps }: AppProps) => (
  <Provider store={store}>
    <ThemeProvider>
      <Component {...pageProps} />
    </ThemeProvider>
  </Provider>
)

3.) index.css 앱으로 가져옵니다.

 import "@space-metaverse-ag/space-ui/index.css"

사용 예:

구성요소:

import { Button, TextInput } from "@space-metaverse-ag/space-ui";

아이콘:

import { Home, UpArrow } from "@space-metaverse-ag/space-ui/icons";

현지에서 개발

1. Node.js LTS 설치

2. npm install --force

3. npm run storybook

4. 이동: http://localhost:6006/

NPM 패키지

https://www.npmjs.com/package/@space-metaverse-ag/space-ui

환경

https://storybook.dev.tryspace.com - dev

https://storybook.qa.tryspace.com - qa

https://storybook.tryspace.com - main