UNPKG

@selfcommunity/react-theme-default

Version:

Default theme to use with SelfCommunity TS library

www.selfcommunity.com

selfcommunity/community-js

34 lines (23 loc) • 1.34 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
@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.