space ui

空间用户界面

适用于 Metaverse 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