# Jank-UI


Import Matter-UI modules

```jsx
import { Button, colorSchemes, ThemeProvider } from "jank-ui";
```

Wrap in `ThemeProvider` and pass it a theme of either `colorSchemes.light` or `colorSchemes.dark`

```jsx
<ThemeProvider theme={colorSchemes.light}>
    <Button
        type="primary"
        size="l">
            Click Me
    </Button>
</ThemeProvider>
```

## Contributing

### Type Checking

Compile declarations

```cli
npm run tsc
````

### Storybook

Run storybook 
```cli 
npm start
```

Build storybook
```cli
npm run storybook:build
```


Serve storybook locally 
```cli
npx http-server .out
```

### Build

```cli
npm run build
```

Add component to

`index.d.ts` and 
`index.tsx`


### Increment version number in 
`package.json`