@selfcommunity/react-theme-default
=============

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/selfcommunity/community-js/blob/master/LICENSE)
[![npm latest package](https://img.shields.io/npm/v/@selfcommunity/react-theme-default/latest.svg)](https://www.npmjs.com/package/@selfcommunity/react-theme-default)
[![npm downloads](https://img.shields.io/npm/dm/@selfcommunity/react-theme-default.svg)](https://www.npmjs.com/package/@selfcommunity/react-theme-default)
[![Follow on Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/community_self.svg?style=social&label=Follow%20%40SelfCommunity)](https://twitter.com/community_self)


### Install

`npm install @selfcommunity/react-theme-default`

### Requirements

#### Font Family
By default the theme use the Inter font family with these sizes:
 - Regular 400
 - Medium 500
 - Semibold 600
 - Bold 700

You can import in your application with google fonts with the below code.

```
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
```

#### SelfCommunity Icons
The library needs an icon font. This theme has a default icon font you can use.