@autoguru/overdrive

Overdrive

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

Storybook playground.

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

Usage

To use Overdrive in your project, install it via yarn:

yarn add @autoguru/overdrive \
	react react-dom

Then, import the reset and configure the OverdriveProvider with the theme you want to use:

import '@autoguru/overdrive/reset';
// It is important that the reset import happens before any of this.
import { baseTheme } from '@autoguru/overdrive/lib/themes';
import { OverdriveProvider, Button } from '@autoguru/overdrive';

<OverdriveProvider theme={baseTheme}>
	<Button variant="primary">Hello World</Button>
</OverdriveProvider>;

Documentation

For more information on Overdrive's API and usage, check out the docs.

Thanks

Chromatic for providing component screenshot testing.

License

MIT © AutoGuru

Changelog

4.37.0

Minor Changes

• e6cfa22: React v18 or higher required in peer dependencies
• 72019bd: Introduced Search Bar component beta

Patch Changes

• 0092bd6: Improves Icon accessibility, no longer renders an <i> tag