An intuitive React.js framework with which to quickly build themed applications, without needing a ton of CSS clutter.
Getting Started
Use the following instructions to get up and running with Thorium-UI.Installation
npm i thorium-ui
Using ThoriumRoot
Once you've included Thorium-UI
in your project, some very minimal boilerplate is needed to get up and running.
ThoriumRoot
component from thorium-ui
.ThoriumRoot
around the rest of your App contents.customThemes
or customStyles
, import them at the top of your App.jsx
file, and pass them as corresponding props to ThoriumRoot
.Your App.jsx
file should look like the following.
import React from "react";
import { ThoriumRoot } from "thorium-ui";
import customStyles from "./customStyles.js";
import customThemes from "./customThemes.js";
export const App = (props) => {
return (
<ThoriumRoot customStyles={customStyles} customThemes={customThemes}>
/* YOUR COMPONENTS HERE */
</ThoriumRoot>
);
}
export default App;
Thats it!
With that finished, you're now ready to begin using Thorium-UI!