React-aui NPM | npm.io

React AUI ·

Development

run storybook dev server npm run dev
commit changes and push, github actions and semantic realease deploy changes to npm and update github pages automatically

Production

Install npm package npm i react-aui
Init AUIProvider into root of your project:

import { GlobalStyles, ITheme, darkTheme, color } from 'react-aui';

const theme: ITheme = {
	...darkTheme, / ...or your options
};
const App = () => {
	return (
		<AUIProvider theme={theme}>
			<GlobalStyles normalize>
				{(t) => `
					html {
						color-scheme: dark;
					}

					body {
						font-family: Arial, sans-serif;
						background-color: ${color('bg')({ theme: t })};
						color: ${color('text')({ theme: t })};
						transition: 0.3s background;
					}
				`}
			</GlobalStyles>

			{/* react components... */}
		</AUIProvider>
	);
};

react-aui react-component-library react-aui-components react-components-examples

codemirror hypermd react react-codemirror2 react-dom react-hot-toast react-markdown remark-gfm styled-normalize

@infinitebrahmanuniverse/nolb-react-au @everything-registry/sub-chunk-2540 jaxx guss louse @zalastax/nolb-react-au balance bebe

2 years ago

2 years ago

2 years ago

2 years ago