Skip to main content

Getting Started

Installation​

npm i @concrete-design/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 "@concrete-design/core";

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

You can now safely use Concrete

import { Button } from "@concrete-design/core";

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