space ui

Space-UI

React-Komponentenbibliothek für Metaverse-3D- und 2D-Apps.

So verwenden Sie die UI-Bibliothek

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

2.) Wickeln Sie ThemeProvider um Ihre App.

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

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

3.) Importieren Sie index.css in Ihre App.

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

Beispielverwendung:

Komponenten:

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

Symbole:

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

Lokal entwickeln

1. Installieren Sie Node.js LTS

2. npm install --force

3. npm run storybook

4. Gehen Sie zu: http://localhost:6006/

NPM-Paket

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

Umgebungen

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

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

https://storybook.tryspace.com – main