@autoguru/overdrive

Overdrive is a product component library, and design system for AutoGuru.

Usage no npm install needed!

<script type="module">
  import autoguruOverdrive from 'https://cdn.skypack.dev/@autoguru/overdrive';
</script>

README

@autoguru/overdrive

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

AutoGuru