Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

decentraland/ui2

Open more actions menu

Repository files navigation

Decentraland UI v2

This is basically Material UI themed with Decentrland's look & feel + some of our own components

See: ui2.decentraland.org

Usage

Install it:

npm install --save decentraland-ui2

Import Decentraland UI v2's theme styles in your App's entry point

In your main ReactDOM renderer import Theme Provider and the theme you want to use

// ./src/index.ts
...
import { dark, ThemeProvider } from 'decentraland-ui2/dist/theme';
...

      <ThemeProvider theme={dark}>
        ...
      </ThemeProvider>
...

Now you can use Decentraland UI v2's components:

import React from 'react'
import { Button } from 'decentraland-ui2/lib/@mui'

export const CustomButton = props => {
  return <Button {...props}>Save</Button>
}

Development

Prerequisites: Node.js 16+ and React 18

Install dependencies and start Storybook:

$ npm install
$ npm run generate:storybooks //This will regenerate @MUI components
$ npm run start

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.