wezpyke / fannypack

An accessible, composable, friendly React UI Kit built with Reakit

Fannypack

Note: Fannypack is still work in progress, meaning that it's APIs will most likely change in the future until a stable 1.0.0 release.

Read the docs here

Installing Fannypack

Run the following command to install Fannypack:

yarn add fannypack

Getting set up

To start using the components, please follow these steps:

1. Wrap your application in a <ThemeProvider> which is provided by Fannypack:

import { ThemeProvider } from 'fannypack';

const App = () => (
  <ThemeProvider>
    // ... your app
  </ThemeProvider>
);

2. Now you can start using components like so!:

import { Button } from 'fannypack';

const MyApp = () => (
  <Button>
    Hello world!
  </Button>
);

Acknowledgements

Thanks Luke Edwards for handing over the fannypack npm name!