Beyond Design System

A design system for Renli.

✌ Usage


Create React App


To use Beyond UI Library in React, all you need to do is install the
@beyond/react package:

$ yarn add @beyond/react

# or

$ npm i @beyond/react
Sh
  1. Now you can start importing components:
import { Button } from "@beyond/react";

function App() {
  return (
        <Button>
            Hello,Welcome to Beyond Ui
        <Button>
      )
};
React JSX
  1. You can also define your own Theme:
import { ThemeProvider, Button } from "@beyond/react";

function App() {
  return (
        <ThemeProvider theme={{
            color : {
                myCustomColor : "#0d0d0d"
            }
        }}>
            <Button bgcolor="myCustomColor">
            This Button is using a custom theme color
            </Button>
        <ThemeProvider>
      )
};
React JSX

GitHub

https://github.com/renli-tech/Beyond