agdolla / overdrive

🚗💨 AutoGuru's design system

---

Overdrive is a product component library, and design system for AutoGuru. Built with React, TypeScript, Vanilla Extract, Playroom and Storybook.

Usage

yarn add @autoguru/overdrive \
	react react-dom

1. Import reset

   import '@autoguru/overdrive/reset';

2. Import and configure the OverdriveProvider complete with the theme you're wanting to use.

   // It is important that the reset import happens before any of this.
   import { baseTheme } from '@autoguru/overdrive/lib/themes';
   import { OverdriveProvider, Button } '@autoguru/overdrive';
   
   <OverdriveProvider theme={baseTheme}>
       <Button variant="primary">
           Hello World
       </Button>
   </OverdriveProvider>

Thanks

Chromatic for providing component screenshot testing.

License

MIT © AutoGuru