React

Quickstart your project with our React library

Install moon-react package

# Using npm
npm install @moondesignsystem/react

# Using pnpm
pnpm install @moondesignsystem/react

# Using yarn
yarn add @moondesignsystem/react

OR Install components using moon-react CLI

# Using npm
npx @moondesignsystem/react --all-components

To import components:

import { Button } from "@moondesignsystem/react";

const App = () => <Button>Moon Button</Button>;

export default App;

OR To use locally installed components:

import Button from "./components/Button";

const App = () => <Button>Moon Button</Button>;

export default App;

Resources