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