mcb-ui

A port of Minecraft Bedrock Edition's UI to React.

[!NOTE] This project is based on the idea from minecraft-react-ui by josempineiro, and aims to be a completely new version of it with different components (not to mention more up-to-date).

Installation

yarn add mcb-ui@latest

Usage

import React from "react";
import { Button } from "mcb-ui";

const App = () => {
  return <Button>Click me!</Button>;
};

export default App;

Components

Button

<Button
  color="primary" // "primary" / "secondary" / "#aabbcc"
  textcolor="primary" // "primary" / "secondary" / "#aabbcc"
  font="Minecraft Ten" // "Minecraft Ten" / "Minecraft Seven" / other font
  disabled // true / false, default: false
  active // true / false, default: false
  onClick={() => {}} // function
  style={{}} // object
>
  Primary Button
</Button>

Input

<Input
  placeholder="Primary Input"
  color="primary" // "primary" / "secondary" / "#aabbcc"
  textcolor="primary" // "primary" / "secondary" / "#aabbcc"
  font="Minecraft Ten" // "Minecraft Ten" / "Minecraft Seven" / other font
  disabled // true / false, default: false
  style={{}} // object
/>

Card

<Card
  style={{}} // object
>
  Card content
</Card>

Title

<Title
  level={1} // 1 / 2 / 3 / 4 / 5 / 6
  font="Minecraft Ten" // "Minecraft Ten" / "Minecraft Seven" / other font
  left // true / false, default: false
  center // true / false, default: false
  right // true / false, default: false
  style={{}} // object
>
  Title
</Title>