Skip to main content

Getting Started

Installation​

npm i @habx/ui-core

Basic usage​

To make Concrete work properly, you need to add providers at the top level of your application.

import { Provider as DesignSystemProvider, ThemeProvider } from "@habx/ui-core";

const Providers = ({ children }) => {
  return (
    <ThemeProvider theme={theme}>
      <DesignSystemProvider>{children}</DesignSystemProvider>
    </ThemeProvider>
  );
};

You can now safely use Concrete

import { Button } from "@habx/ui-core";

const App = ({ children }) => {
  return (
    <Providers>
      <Button>Click Me !</Button>
    </Providers>
  );
};