3.0.37 • Published 2 years ago

proto-guideline v3.0.37

Weekly downloads
7
License
MIT
Repository
-
Last release
2 years ago

npm

npm i react-is styled-components proto-guideline --save

yarn

yarn add react-is styled-components proto-guideline

guide basics

  • the guide is made using styled-components and typescript

usage

themes

import React, { useState } = "react";
import styled, { ThemeProvider } from "styled-components";
import { themes } from "react-base-guide";

const Layout = () => {
    const { theme, setTheme } = useState("default");
    const CurrentTheme = themes[theme];
    
    return (
        <ThemeProvider theme={themes[theme]}>
            {Your app}
        </ThemeProvider>
    )
};

two themes are now available (default and dark), but you can create your own

components

import { Container, Label, Input, Datepicker //and more } from "react-base-guide";

<Input 
    label="Some input"
    value={someValue}
    onChange={e => handler(e.target.value)}
/>

ssr

import { ServerStyleSheet, StyleSheetManager } from "styled-components";
const sheet = new ServerStyleSheet();

// tags need to be added to html markup
const styleTags = sheet.getStyleElement();

const HtmlContent = <StyleSheetManager sheet={sheet.instance}>
    {Your app}
</StyleSheetManager>
3.0.36

2 years ago

3.0.37

2 years ago

3.0.35

3 years ago

3.0.34

4 years ago

3.0.32

4 years ago

3.0.33

4 years ago

3.0.30

4 years ago

3.0.31

4 years ago

3.0.29

4 years ago

3.0.27

4 years ago

3.0.28

4 years ago

3.0.26

4 years ago

3.0.23

4 years ago

3.0.24

4 years ago

3.0.25

4 years ago

3.0.21

4 years ago

3.0.22

4 years ago

3.0.20

4 years ago

3.0.19

4 years ago

3.0.18

4 years ago

3.0.16

4 years ago

3.0.17

4 years ago

3.0.15

4 years ago

3.0.12

4 years ago

3.0.13

4 years ago

3.0.14

4 years ago

3.0.11

4 years ago

3.0.9

4 years ago

3.0.8

4 years ago

3.0.4

4 years ago

3.0.7

4 years ago

3.0.6

4 years ago

3.0.5

4 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.0.0

5 years ago

0.1.38

5 years ago

0.1.37

5 years ago

0.1.36

5 years ago

0.1.35

5 years ago

0.1.34

5 years ago

0.1.33

5 years ago

0.1.32

5 years ago

0.1.30

5 years ago

0.1.31

5 years ago

0.1.29

5 years ago

0.1.28

5 years ago

0.1.27

5 years ago

0.1.23

5 years ago

0.1.24

5 years ago

0.1.25

5 years ago

0.1.26

5 years ago

0.1.21

5 years ago

0.1.22

5 years ago

0.1.20

5 years ago

0.1.19

5 years ago

0.1.16

5 years ago

0.1.18

5 years ago

0.1.15

5 years ago

0.1.14

5 years ago

0.1.13

6 years ago

0.1.12

6 years ago

0.1.11

6 years ago

0.1.10

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.18

6 years ago

0.0.17

6 years ago

0.0.16

6 years ago

0.0.15

6 years ago

0.0.14

6 years ago

0.0.13

6 years ago

0.0.11

6 years ago

0.0.10

6 years ago

0.0.9

6 years ago

0.0.8

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago