# Automatic Frontend Components
Automatic's React Application Framework is used for rendering component data consistently from project to project. Components are available as importable React components and can be used to create a wide range of product experiences.

## Get started
```bash
npm i --save @automatic-labs/araf
```


## React Components

### [Layout: `araf/layout`](docs/component-layout.md)
A fundamental base component used as a responsive container for other components.

### [Content: `araf/content`](docs/component-content.md)
Main content presentation components to consistently present information, records, actions and other content to the user.

### [Navigation: `araf/nav`](docs/component-nav.md)
Top and bottom navigation bars for web experiences requiring high-level navigation.

### [Wizard: `araf/wizard`](docs/component-wizard.md)
Used to guide a user through a flows and capturing input.

### [Authentication: `araf/auth`](docs/component-auth.md)
Includes special components related to site authentication and single-sign-on.


## SCSS Components

### [Styles: `araf/styles`](docs/component-styles.md)
Includes colors and sizing mixing to be used in your own custom components.
