Drywall

A Clearstory software design system, built with @mui/material.

Installation

npm install @clearstory/drywall-react
# or
pnpm add @clearstory/drywall-react

Peer Dependencies

This library requires the following peer dependencies:

npm install @emotion/react @emotion/styled @fontsource-variable/roboto react react-dom

Quick Start

import { Button, ThemeProvider } from "@clearstory/drywall-react";

function App() {
  return (
    <ThemeProvider>
      <Button variant="contained" color="primary">
        Hello World
      </Button>
    </ThemeProvider>
  );
}

export default App;

ESLint Rules

This library includes custom ESLint rules to help enforce best practices. Add to your eslint.config.js:

import drywallReact from "@clearstory/drywall-react/eslint-config";

export default [drywallReact];