@aircall/tractor

Aircall's legacy design system built on Styled Components.

Storybook: https://tractor.aircall.io/latest/

Features

• Aircall Design System designed for web applications.
• A set of high-quality React components built with Styled Components.
• Written in TypeScript with predictable static types.
• Powerful theme customization in every detail.

Install

pnpm add @aircall/tractor @aircall/icons @aircall/hooks

Usage

import { Button, Tractor } from '@aircall/tractor';

const App = () => (
  <Tractor injectStyle>
    <Button>Click me</Button>
  </Tractor>
);

You must wrap your React tree with the Tractor provider, otherwise components won't have access to the theme.

Theming

Tractor ships with Aircall brand specifications including colors, spacing, and typography variants. Stick with the defaults when possible.

For app-specific tokens, follow these instructions.

Development

See the monorepo README for setup instructions.

Contributing

See CONTRIBUTION.md.