1.4.83 • Published 3 years ago

wp-components v1.4.83

Weekly downloads
-
License
ISC
Repository
github
Last release
3 years ago

wp-components

How to use?

  1. Install package

    npm i --save wp-components

  2. Set-up Theme context and provider This is important part. As our component is using prop.theme from styled-component, we have to follow this step to make our component work properly.

    import { WPThemeProvider } from  'wp-components'
    
    <WPThemeProvider>
        <App /> 
    </WPThemeProvider>

Now you can import component and use it.

How to use WPThemeContext? ( Change themes )

You can use WPThemeContext with useContext hook. This will return two things.

  1. switchTheme : Method This will accept one argument, that is name of theme. These are theme names

    'PassionOrange' | 'Classic' | 'Green' | 'Blue' | 'Purple'

  2. theme : Current theme

To change all components theme, you simply need to use switchTheme method. It'll apply on all component.

import { Button, WPThemeContext } from  'wp-components';
...
...
const { switchTheme } = useContext(WPThemeContext);

const  changeTheme = (color: ThemeName) => {
    switchTheme(color);
};
...
...
return(
    <Button  maxContent  primary  onClick={() =>  changeTheme('Green')}>
	    Green
    </Button>
)
1.4.31

3 years ago

1.4.30

3 years ago

1.4.33

3 years ago

1.4.32

3 years ago

1.4.35

3 years ago

1.4.34

3 years ago

1.4.37

3 years ago

1.4.36

3 years ago

1.4.39

3 years ago

1.4.38

3 years ago

1.4.80

3 years ago

1.4.82

3 years ago

1.4.81

3 years ago

1.4.83

3 years ago

1.4.60

3 years ago

1.4.62

3 years ago

1.4.61

3 years ago

1.4.64

3 years ago

1.4.63

3 years ago

1.4.66

3 years ago

1.4.65

3 years ago

1.4.68

3 years ago

1.4.67

3 years ago

1.4.69

3 years ago

1.4.71

3 years ago

1.4.70

3 years ago

1.4.73

3 years ago

1.4.72

3 years ago

1.4.75

3 years ago

1.4.74

3 years ago

1.4.77

3 years ago

1.4.76

3 years ago

1.4.79

3 years ago

1.4.78

3 years ago

1.4.40

3 years ago

1.4.42

3 years ago

1.4.41

3 years ago

1.4.44

3 years ago

1.4.43

3 years ago

1.4.46

3 years ago

1.4.45

3 years ago

1.4.48

3 years ago

1.4.47

3 years ago

1.4.49

3 years ago

1.4.51

3 years ago

1.4.50

3 years ago

1.4.53

3 years ago

1.4.52

3 years ago

1.4.55

3 years ago

1.4.54

3 years ago

1.4.57

3 years ago

1.4.56

3 years ago

1.4.59

3 years ago

1.4.58

3 years ago

1.4.20

3 years ago

1.4.22

3 years ago

1.4.21

3 years ago

1.4.24

3 years ago

1.4.23

3 years ago

1.4.26

3 years ago

1.4.25

3 years ago

1.4.28

3 years ago

1.4.27

3 years ago

1.4.29

3 years ago

1.4.17

3 years ago

1.4.16

3 years ago

1.4.19

3 years ago

1.4.18

3 years ago

10.4.1

3 years ago

10.4.2

3 years ago

10.4.3

3 years ago

10.4.4

3 years ago

10.4.5

3 years ago

10.4.6

3 years ago

10.4.7

3 years ago

10.4.8

3 years ago

10.4.0

3 years ago

10.4.9

3 years ago

10.4.31

3 years ago

10.4.30

3 years ago

10.4.33

3 years ago

10.4.32

3 years ago

10.4.34

3 years ago

10.4.20

3 years ago

10.4.26

3 years ago

10.4.25

3 years ago

10.4.28

3 years ago

10.4.27

3 years ago

10.4.22

3 years ago

10.4.21

3 years ago

10.4.24

3 years ago

10.4.23

3 years ago

10.4.29

3 years ago

10.4.15

3 years ago

10.4.14

3 years ago

10.4.17

3 years ago

10.4.16

3 years ago

10.4.11

3 years ago

10.4.10

3 years ago

10.4.13

3 years ago

10.4.12

3 years ago

10.4.19

3 years ago

10.4.18

3 years ago

1.3.50

3 years ago

1.3.53

3 years ago

1.3.54

3 years ago

1.3.51

3 years ago

1.3.52

3 years ago

1.3.57

3 years ago

1.3.58

3 years ago

1.3.55

3 years ago

1.3.56

3 years ago

1.3.59

3 years ago

1.3.60

3 years ago

1.3.61

3 years ago

1.3.64

3 years ago

1.3.65

3 years ago

1.3.62

3 years ago

1.3.63

3 years ago

1.3.68

3 years ago

1.3.69

3 years ago

1.3.66

3 years ago

1.3.67

3 years ago

1.2.60

3 years ago

1.3.31

3 years ago

1.3.32

3 years ago

1.2.61

3 years ago

1.3.30

3 years ago

1.2.62

3 years ago

1.3.35

3 years ago

1.3.36

3 years ago

1.3.33

3 years ago

1.3.34

3 years ago

1.3.39

3 years ago

1.3.37

3 years ago

1.3.38

3 years ago

1.3.42

3 years ago

1.3.43

3 years ago

1.4.11

3 years ago

1.3.40

3 years ago

1.4.10

3 years ago

1.3.41

3 years ago

1.4.13

3 years ago

1.3.46

3 years ago

1.4.12

3 years ago

1.3.47

3 years ago

1.4.15

3 years ago

1.3.44

3 years ago

1.4.14

3 years ago

1.3.45

3 years ago

1.3.48

3 years ago

1.3.49

3 years ago

1.4.6

3 years ago

1.4.5

3 years ago

1.4.4

3 years ago

1.4.3

3 years ago

1.4.2

3 years ago

1.4.1

3 years ago

1.4.0

3 years ago

1.3.10

3 years ago

1.3.13

3 years ago

1.3.14

3 years ago

1.3.11

3 years ago

1.3.12

3 years ago

1.3.17

3 years ago

1.3.18

3 years ago

1.3.15

3 years ago

1.3.16

3 years ago

1.3.19

3 years ago

1.3.20

3 years ago

1.3.21

3 years ago

1.3.24

3 years ago

1.2.56

3 years ago

1.3.25

3 years ago

1.2.57

3 years ago

1.3.22

3 years ago

1.3.23

3 years ago

1.2.55

3 years ago

1.3.28

3 years ago

1.3.29

3 years ago

1.3.26

3 years ago

1.2.58

3 years ago

1.3.27

3 years ago

1.2.59

3 years ago

1.3.7

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.3.2

3 years ago

1.3.1

3 years ago

1.3.0

3 years ago

1.4.9

3 years ago

1.4.8

3 years ago

1.4.7

3 years ago

1.3.102

3 years ago

1.3.101

3 years ago

1.3.100

3 years ago

1.3.106

3 years ago

1.3.105

3 years ago

1.3.104

3 years ago

1.3.9

3 years ago

1.3.103

3 years ago

1.3.8

3 years ago

1.3.107

3 years ago

1.3.90

3 years ago

1.3.93

3 years ago

1.3.94

3 years ago

1.3.91

3 years ago

1.3.92

3 years ago

1.3.97

3 years ago

1.3.98

3 years ago

1.3.95

3 years ago

1.3.96

3 years ago

1.3.99

3 years ago

1.3.71

3 years ago

1.3.72

3 years ago

1.3.70

3 years ago

1.3.76

3 years ago

1.3.73

3 years ago

1.3.74

3 years ago

1.3.79

3 years ago

1.3.77

3 years ago

1.3.82

3 years ago

1.3.83

3 years ago

1.3.80

3 years ago

1.3.81

3 years ago

1.3.86

3 years ago

1.3.87

3 years ago

1.3.84

3 years ago

1.3.85

3 years ago

1.3.88

3 years ago

1.3.89

3 years ago

1.2.41

3 years ago

1.2.42

3 years ago

1.2.40

3 years ago

1.2.45

3 years ago

1.2.46

3 years ago

1.2.43

3 years ago

1.2.44

3 years ago

1.2.49

3 years ago

1.2.47

3 years ago

1.2.48

3 years ago

1.2.52

3 years ago

1.2.53

3 years ago

1.2.50

3 years ago

1.2.51

3 years ago

1.2.54

3 years ago

1.2.27

3 years ago

1.2.28

3 years ago

1.2.29

3 years ago

1.2.30

3 years ago

1.2.31

3 years ago

1.2.34

3 years ago

1.2.35

3 years ago

1.2.32

3 years ago

1.2.38

3 years ago

1.2.39

3 years ago

1.2.36

3 years ago

1.2.37

3 years ago

1.2.0

3 years ago

1.1.29

3 years ago

1.1.28

3 years ago

1.2.8

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.1

3 years ago

1.1.30

3 years ago

1.1.33

3 years ago

1.1.32

3 years ago

1.1.31

3 years ago

1.0.73

3 years ago

1.0.72

3 years ago

1.2.12

3 years ago

1.2.13

3 years ago

1.2.10

3 years ago

1.2.11

3 years ago

1.2.16

3 years ago

1.2.17

3 years ago

1.2.14

3 years ago

1.2.15

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.7

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.1.12

3 years ago

1.1.11

3 years ago

1.1.10

3 years ago

1.1.16

3 years ago

1.1.15

3 years ago

1.1.14

3 years ago

1.1.13

3 years ago

1.1.19

3 years ago

1.1.18

3 years ago

1.1.17

3 years ago

1.2.9

3 years ago

1.1.23

3 years ago

1.1.22

3 years ago

1.1.21

3 years ago

1.1.20

3 years ago

1.1.27

3 years ago

1.1.26

3 years ago

1.1.25

3 years ago

1.1.24

3 years ago

1.2.18

3 years ago

1.2.19

3 years ago

1.2.20

3 years ago

1.2.23

3 years ago

1.2.24

3 years ago

1.2.21

3 years ago

1.2.22

3 years ago

1.2.25

3 years ago

1.2.26

3 years ago

1.2.33

3 years ago

1.0.62

3 years ago

1.0.61

3 years ago

1.0.60

4 years ago

1.0.66

3 years ago

1.0.65

3 years ago

1.0.64

3 years ago

1.0.63

3 years ago

1.0.69

3 years ago

1.0.68

3 years ago

1.0.67

3 years ago

1.0.71

3 years ago

1.0.70

3 years ago

1.0.37

4 years ago

1.0.39

4 years ago

1.0.38

4 years ago

1.0.40

4 years ago

1.0.44

4 years ago

1.0.43

4 years ago

1.0.42

4 years ago

1.0.41

4 years ago

1.0.48

4 years ago

1.0.47

4 years ago

1.0.46

4 years ago

1.0.45

4 years ago

1.0.49

4 years ago

1.0.51

4 years ago

1.0.50

4 years ago

1.0.55

4 years ago

1.0.54

4 years ago

1.0.53

4 years ago

1.0.52

4 years ago

1.0.59

4 years ago

1.0.58

4 years ago

1.0.57

4 years ago

1.0.56

4 years ago

1.0.19

4 years ago

1.0.2

4 years ago

1.0.18

4 years ago

1.0.1

4 years ago

1.0.17

4 years ago

1.0.0

4 years ago

1.0.16

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.20

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.29

4 years ago

1.0.28

4 years ago

1.0.27

4 years ago

0.1.0

4 years ago

1.0.33

4 years ago

1.0.11

4 years ago

1.0.32

4 years ago

1.0.10

4 years ago

1.0.31

4 years ago

1.0.30

4 years ago

1.0.15

4 years ago

1.0.36

4 years ago

1.0.14

4 years ago

1.0.35

4 years ago

1.0.13

4 years ago

1.0.34

4 years ago

1.0.12

4 years ago

0.0.0

5 years ago