import { Meta } from '@storybook/addon-docs/blocks';
import LinkTo from '@storybook/addon-links/react';

<Meta title="Manual/1 - Introduction" />

# Welcome to Patchwork

Patchwork is Wealthsimple's UI Component library for React applications.

It aims to provide a first class DSL for building user interfaces that can:

- Reduce the amount of DOM and CSS you have to write,
- Help ensure that all your UI is themeable,
- Help ensure that all your UI is accessible.

## Patchwork User's Guide

Are you a developer trying to use patchwork to implement features in your application? Check out the <LinkTo kind="Manual/2 - User's Guide">Users Guide</LinkTo>

## Patchwork Implementer's Guide

Are you a designer or a developer adding features to patchwork itself? Check out the <LinkTo kind="Manual/3 - Implementers' Guide">Implementers Guide</LinkTo>

## Building an Accessible Web With Patchwork

Patchwork is built with accessibility in mind. Read about your <LinkTo kind="Manual/4 - Accessibility">accessibility gotchyas and testing guides here</LinkTo>
