1.4.25 • Published 2 months ago

hoi-poi-ui v1.4.25

Weekly downloads
405
License
MIT
Repository
github
Last release
2 months ago

⭐️ Features

  • High customizable components.
  • Theming with JSS.
  • React Styleguidist
  • Unit testing
  • Weekly dependabot dependency updates

📦 Installation

// with npm
npm install hoi-poi-ui

// with yarn
yarn add hoi-poi-ui

⚙️ Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { HoiPoiProvider, Button } from 'hoi-poi-ui';

function App() {
  return (
    <HoiPoiProvider>
      <Button type="big" color="primary">
        Hello World
      </Button>
    </HoiPoiProvider>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

Edit Button

💎 Customization

Theme

We need to use createHoiPoiTheme for customize current theme. It will do a deep merge without concatening arrays. You can see the default theme here.

import React from 'react';
import ReactDOM from 'react-dom';
import { HoiPoiProvider, createHoiPoiTheme, Button } from 'hoi-poi-ui';

const theme = createHoiPoiTheme({
  colors: {
    primary: '#ed8b00',
  },
});

function App() {
  return (
    <HoiPoiProvider theme={theme}>
      <Button type="big" color="primary">
        Hello World
      </Button>
    </HoiPoiProvider>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

Classes

When the className property isn't enough, you can use classes props for inject CSS in any deeper element. The list of elements for each component is documented below the respective examples.

const classes = {
  Loader: 'button__custom-class'
}

return (
  <Button type="big" color="primary" classes={classes}>
    Hello World
  </Button>
)

Overrides

HoiPoi maximizes customization and that is why it has a system to overwrite any component properties and components used by this. Like classes you need to use the component name but in this case you can nest the prop overrides.

const overrides = {
  Loader: {
    size: 'small'
  }
}

return (
  <Button type="big" color="primary" overrides={overrides}>
    Hello World
  </Button>
)

📜 Documentation and examples

Check out our styleguidist.

🌐 Browser support

IE / EdgeFirefoxChromeSafari
IE11, Edge>= 52>= 49>= 10

🙌 Contributing

To learn how to setup a development environment and for contribution guidelines, see CONTRIBUTING.md.

📜 Changelog

We use GitHub releases.

🌮 Thanks

@hodgef/js-library-boilerplate for the initial boilerplate.

🔐 Security

To report a security vulnerability, please use the Tidelift security contact.

📄 License

This project is licensed under the terms of the MIT license.

1.4.20

2 months ago

1.4.22

2 months ago

1.4.21

2 months ago

1.4.24

2 months ago

1.4.23

2 months ago

1.4.25

2 months ago

1.4.11

4 months ago

1.4.10

4 months ago

1.4.13

3 months ago

1.4.12

3 months ago

1.4.15

3 months ago

1.4.14

3 months ago

1.4.17

2 months ago

1.4.16

3 months ago

1.4.19

2 months ago

1.4.18

2 months ago

1.4.6

4 months ago

1.4.9

4 months ago

1.4.8

4 months ago

1.4.7

4 months ago

1.4.5

5 months ago

1.4.4

5 months ago

1.4.3

5 months ago

1.4.2

5 months ago

1.4.1

6 months ago

1.4.0

6 months ago

1.3.7

6 months ago

1.3.6

7 months ago

1.3.5

7 months ago

1.3.9

6 months ago

1.3.8

6 months ago

1.3.4

7 months ago

1.3.3

8 months ago

1.3.2

8 months ago

1.3.1

8 months ago

1.2.145

8 months ago

1.2.144

8 months ago

1.2.143

8 months ago

1.3.0

8 months ago

1.2.141

8 months ago

1.2.142

8 months ago

1.2.140

8 months ago

1.2.138

9 months ago

1.2.139

9 months ago

1.2.137

9 months ago

1.2.136

9 months ago

1.2.135

9 months ago

1.2.134

9 months ago

1.2.133

9 months ago

1.2.132

10 months ago

1.2.131

10 months ago

1.2.130

10 months ago

1.2.129

10 months ago

1.2.128

10 months ago

1.2.127

10 months ago

1.2.126

10 months ago

1.2.125

10 months ago

1.2.124

10 months ago

1.2.123

11 months ago

1.2.122

11 months ago

1.2.121

11 months ago

1.2.120

11 months ago

1.2.118

11 months ago

1.2.119

11 months ago

1.2.116

11 months ago

1.2.115

11 months ago

1.2.117

11 months ago

1.2.114

11 months ago

1.2.113

11 months ago

1.2.112

11 months ago

1.2.111

11 months ago

1.2.110

11 months ago

1.2.108

11 months ago

1.2.107

11 months ago

1.2.106

11 months ago

1.2.105

12 months ago

1.2.104

12 months ago

1.2.103

1 year ago

1.2.102

1 year ago

1.2.86

1 year ago

1.2.89

1 year ago

1.2.87

1 year ago

1.2.88

1 year ago

1.2.92

1 year ago

1.2.93

1 year ago

1.2.90

1 year ago

1.2.91

1 year ago

1.2.96

1 year ago

1.2.97

1 year ago

1.2.94

1 year ago

1.2.95

1 year ago

1.2.98

1 year ago

1.2.99

1 year ago

1.2.101

1 year ago

1.2.100

1 year ago

1.2.81

1 year ago

1.2.82

1 year ago

1.2.80

1 year ago

1.2.85

1 year ago

1.2.83

1 year ago

1.2.84

1 year ago

1.2.74

1 year ago

1.2.75

1 year ago

1.2.72

1 year ago

1.2.73

1 year ago

1.2.78

1 year ago

1.2.79

1 year ago

1.2.76

1 year ago

1.2.77

1 year ago

1.2.68

1 year ago

1.2.65

1 year ago

1.2.66

1 year ago

1.2.69

1 year ago

1.2.70

1 year ago

1.2.71

1 year ago

1.2.60

1 year ago

1.2.63

1 year ago

1.2.64

1 year ago

1.2.61

1 year ago

1.2.62

1 year ago

1.2.45

2 years ago

1.2.46

2 years ago

1.2.43

2 years ago

1.2.44

2 years ago

1.2.49

2 years ago

1.2.47

2 years ago

1.2.48

2 years ago

1.2.52

2 years ago

1.2.53

2 years ago

1.2.50

2 years ago

1.2.51

2 years ago

1.2.56

2 years ago

1.2.57

2 years ago

1.2.54

2 years ago

1.2.55

2 years ago

1.2.58

1 year ago

1.2.59

1 year ago

1.2.41

2 years ago

1.2.42

2 years ago

1.2.40

2 years ago

1.2.30

2 years ago

1.2.31

2 years ago

1.2.34

2 years ago

1.2.35

2 years ago

1.2.32

2 years ago

1.2.33

2 years ago

1.2.38

2 years ago

1.2.39

2 years ago

1.2.36

2 years ago

1.2.37

2 years ago

1.2.18

2 years ago

1.2.19

2 years ago

1.2.20

2 years ago

1.2.23

2 years ago

1.2.24

2 years ago

1.2.21

2 years ago

1.2.22

2 years ago

1.2.27

2 years ago

1.2.28

2 years ago

1.2.25

2 years ago

1.2.26

2 years ago

1.2.29

2 years ago

1.2.12

2 years ago

1.2.13

2 years ago

1.2.10

2 years ago

1.2.11

2 years ago

1.2.16

2 years ago

1.2.17

2 years ago

1.2.14

2 years ago

1.2.15

2 years ago

1.2.8

2 years ago

1.2.9

2 years ago

1.1.118

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.5

2 years ago

1.2.4

2 years ago

1.2.3

2 years ago

1.1.100

2 years ago

1.1.108

2 years ago

1.1.107

2 years ago

1.1.106

2 years ago

1.1.105

2 years ago

1.1.104

2 years ago

1.1.103

2 years ago

1.1.102

2 years ago

1.1.101

2 years ago

1.1.92

2 years ago

1.1.91

2 years ago

1.1.90

2 years ago

1.1.96

2 years ago

1.1.95

2 years ago

1.1.94

2 years ago

1.1.93

2 years ago

1.1.99

2 years ago

1.1.98

2 years ago

1.1.97

2 years ago

1.1.109

2 years ago

1.1.111

2 years ago

1.1.110

2 years ago

1.1.117

2 years ago

1.1.116

2 years ago

1.1.115

2 years ago

1.1.114

2 years ago

1.1.113

2 years ago

1.1.112

2 years ago

1.1.89

2 years ago

1.1.88

2 years ago

1.1.87

2 years ago

1.1.86

2 years ago

1.2.0

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.1.85

2 years ago

1.1.84

2 years ago

1.1.83

2 years ago

1.1.82

2 years ago

1.1.70

2 years ago

1.1.74

2 years ago

1.1.73

2 years ago

1.1.72

2 years ago

1.1.71

2 years ago

1.1.78

2 years ago

1.1.77

2 years ago

1.1.76

2 years ago

1.1.75

2 years ago

1.1.79

2 years ago

1.1.81

2 years ago

1.1.80

2 years ago

1.1.63

3 years ago

1.1.62

3 years ago

1.1.61

3 years ago

1.1.60

3 years ago

1.1.67

3 years ago

1.1.66

3 years ago

1.1.65

3 years ago

1.1.64

3 years ago

1.1.69

2 years ago

1.1.68

3 years ago

1.1.56

3 years ago

1.1.55

3 years ago

1.1.54

3 years ago

1.1.59

3 years ago

1.1.58

3 years ago

1.1.57

3 years ago

1.1.52

3 years ago

1.1.51

3 years ago

1.1.50

3 years ago

1.1.53

3 years ago

1.1.45

3 years ago

1.1.44

3 years ago

1.1.43

3 years ago

1.1.42

3 years ago

1.1.49

3 years ago

1.1.48

3 years ago

1.1.47

3 years ago

1.1.46

3 years ago

1.1.41

3 years ago

0.0.47

3 years ago

1.1.29

3 years ago

1.1.28

3 years ago

1.1.30

3 years ago

1.1.34

3 years ago

1.1.33

3 years ago

1.1.32

3 years ago

1.1.31

3 years ago

1.1.38

3 years ago

1.1.37

3 years ago

1.1.36

3 years ago

1.1.35

3 years ago

1.1.39

3 years ago

1.1.40

3 years ago

0.0.48

3 years ago

1.1.27

3 years ago

1.1.26

3 years ago

1.1.25

3 years ago

1.1.11

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.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.24

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.7

3 years ago

1.1.10

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.0-beta.0

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.163

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.0.162

3 years ago

1.0.161

3 years ago

1.0.160

3 years ago

1.0.159

3 years ago

1.0.158

3 years ago

1.0.157

3 years ago

1.0.156

3 years ago

0.0.46

3 years ago

1.0.155

3 years ago

1.0.154

3 years ago

1.0.153

3 years ago

1.0.152

3 years ago

1.0.151

3 years ago

1.0.150

3 years ago

0.0.45

3 years ago

1.0.149

3 years ago

1.0.147

3 years ago

1.0.148

3 years ago

1.0.145

3 years ago

1.0.146

3 years ago

1.0.144

3 years ago

1.0.143

3 years ago

1.0.142

3 years ago

1.0.141

3 years ago

1.0.140

3 years ago

1.0.139

3 years ago

1.0.136

3 years ago

1.0.138

3 years ago

1.0.137

3 years ago

1.0.134

3 years ago

1.0.135

3 years ago

1.0.133

3 years ago

0.0.44

3 years ago

1.0.132

3 years ago

1.0.131

4 years ago

1.0.129

4 years ago

1.0.128

4 years ago

1.0.127

4 years ago

1.0.126

4 years ago

1.0.123

4 years ago

1.0.125

4 years ago

1.0.124

4 years ago

1.0.107

4 years ago

1.0.109

4 years ago

1.0.108

4 years ago

1.0.121

4 years ago

1.0.120

4 years ago

1.0.122

4 years ago

1.0.110

4 years ago

1.0.112

4 years ago

1.0.111

4 years ago

1.0.118

4 years ago

1.0.117

4 years ago

1.0.119

4 years ago

1.0.114

4 years ago

1.0.113

4 years ago

1.0.116

4 years ago

1.0.115

4 years ago

1.0.106

4 years ago

1.0.105

4 years ago

1.0.104

4 years ago

1.0.99

4 years ago

1.0.98

4 years ago

1.0.101

4 years ago

1.0.100

4 years ago

1.0.103

4 years ago

1.0.102

4 years ago

1.0.97

4 years ago

1.0.95

4 years ago

1.0.96

4 years ago

1.0.94

4 years ago

1.0.93

4 years ago

1.0.91

4 years ago

1.0.92

4 years ago

1.0.90

4 years ago

1.0.88

4 years ago

1.0.89

4 years ago

1.0.87

4 years ago

1.0.84

4 years ago

1.0.86

4 years ago

1.0.85

4 years ago

1.0.83

4 years ago

1.0.82

4 years ago

1.0.81

4 years ago

1.0.80

4 years ago

1.0.79

4 years ago

1.0.77

4 years ago

1.0.78

4 years ago

1.0.75

4 years ago

1.0.74

4 years ago

1.0.73

4 years ago

1.0.72

4 years ago

1.0.71

4 years ago

1.0.70

4 years ago

1.0.66

4 years ago

1.0.65

4 years ago

1.0.64

4 years ago

1.0.69

4 years ago

1.0.67

4 years ago

1.0.63

4 years ago

1.0.62

4 years ago

1.0.61

4 years ago

1.0.60

4 years ago

1.0.59

4 years ago

1.0.58

4 years ago

0.0.43

4 years ago

1.0.57

4 years ago

1.0.56

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.51

4 years ago

1.0.50

4 years ago

1.0.49

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.44

4 years ago

1.0.43

4 years ago

1.0.42

4 years ago

1.0.40

4 years ago

1.0.41

4 years ago

0.0.42

4 years ago

0.0.41

4 years ago

1.0.39

4 years ago

1.0.38

4 years ago

1.0.37

4 years ago

1.0.36

4 years ago

1.0.35

4 years ago

1.0.34

4 years ago

1.0.33

4 years ago

1.0.32

4 years ago

1.0.31

4 years ago

1.0.30

4 years ago

1.0.29

4 years ago

1.0.28

4 years ago

1.0.27

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.22

4 years ago

1.0.21

4 years ago

1.0.20

4 years ago

1.0.19

4 years ago

1.0.18

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

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.4

4 years ago

1.0.2

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago

0.0.40

4 years ago

1.0.0

4 years ago

0.0.39

4 years ago

0.0.38

4 years ago

0.0.37

4 years ago

0.0.36

4 years ago

0.0.35

4 years ago

0.0.34

4 years ago

0.0.33

4 years ago

0.0.31

4 years ago

0.0.32

4 years ago

0.0.30

4 years ago

0.0.29

4 years ago

0.0.28

4 years ago

0.0.27

4 years ago

0.0.26

4 years ago

0.0.25

4 years ago

0.0.23

4 years ago

0.0.24

4 years ago

0.0.22

4 years ago

0.0.201

4 years ago

0.0.21

4 years ago

0.0.20

4 years ago

0.0.19

4 years ago

0.0.18

4 years ago

0.0.17

4 years ago

0.0.15

4 years ago

0.0.16

4 years ago

0.0.14

4 years ago

0.0.12

4 years ago

0.0.13

4 years ago

0.0.11

4 years ago

0.0.10

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1-alpha.130

5 years ago

0.0.1-alpha.129

5 years ago

0.0.1-alpha.128

5 years ago

0.0.1-alpha.127

5 years ago

0.0.1-alpha.126

5 years ago

0.0.1-alpha.124

5 years ago

0.0.1-alpha.125

5 years ago

0.0.1-alpha.123

5 years ago

0.0.1-alpha.122

5 years ago

0.0.1-alpha.121

5 years ago

0.0.1-alpha.120

5 years ago

0.0.1-alpha.119

5 years ago

0.0.1-alpha.116

5 years ago

0.0.1-alpha.117

5 years ago

0.0.1-alpha.118

5 years ago

0.0.1-alpha.115

5 years ago

0.0.1-alpha.114

5 years ago

0.0.1-alpha.113

5 years ago

0.0.1-alpha.112

5 years ago

0.0.1-alpha.111

5 years ago

0.0.1-alpha.110

5 years ago

0.0.1-alpha.109

5 years ago

0.0.1-alpha.108

5 years ago

0.0.1-alpha.107

5 years ago

0.0.1-alpha.106

5 years ago

0.0.1-alpha.105

5 years ago

0.0.1-alpha.104

5 years ago

0.0.1-alpha.103

5 years ago

0.0.1-alpha.102

5 years ago

0.0.1-alpha.101

5 years ago

0.0.1-alpha.100

5 years ago

0.0.1-alpha.99

5 years ago

0.0.1-alpha.98

5 years ago

0.0.1-alpha.97

5 years ago

0.0.1-alpha.96

5 years ago

0.0.1-alpha.95

5 years ago

0.0.1-alpha.94

5 years ago

0.0.1-alpha.93

5 years ago

0.0.1-alpha.92

5 years ago

0.0.1-alpha.91

5 years ago

0.0.1-alpha.90

5 years ago

0.0.1-alpha.89

5 years ago

0.0.1-alpha.88

5 years ago

0.0.1-alpha.87

5 years ago

0.0.1-alpha.86

5 years ago

0.0.1-alpha.85

5 years ago

0.0.1-alpha.84

5 years ago

0.0.1-alpha.83

5 years ago

0.0.1-alpha.82

5 years ago

0.0.1-alpha.81

5 years ago

0.0.1-alpha.80

5 years ago

0.0.1-alpha.79

5 years ago

0.0.1-alpha.78

5 years ago

0.0.1-alpha.77

5 years ago

0.0.1-alpha.76

5 years ago

0.0.1-alpha.75

5 years ago

0.0.1-alpha.74

5 years ago

0.0.1-alpha.73

5 years ago

0.0.1-alpha.72

5 years ago

0.0.1-alpha.71

5 years ago

0.0.1-alpha.70

5 years ago

0.0.1-alpha.69

5 years ago

0.0.1-alpha.68

5 years ago

0.0.1-alpha.67

5 years ago

0.0.1-alpha.66

5 years ago

0.0.1-alpha.65

5 years ago

0.0.1-alpha.64

5 years ago

0.0.1-alpha.63

5 years ago

0.0.1-alpha.62

5 years ago

0.0.1-alpha.61

5 years ago

0.0.1-alpha.60

5 years ago

0.0.1-alpha.59

5 years ago

0.0.1-alpha.58

5 years ago

0.0.1-alpha.57

5 years ago

0.0.1-alpha.56

5 years ago

0.0.1-alpha.55

5 years ago

0.0.1-alpha.54

5 years ago

0.0.1-alpha.53

5 years ago

0.0.1-alpha.52

5 years ago

0.0.1-alpha.51

5 years ago

0.0.1-alpha.50

5 years ago

0.0.1-alpha.49

5 years ago

0.0.1-alpha.48

5 years ago

0.0.1-alpha.47

5 years ago

0.0.1-alpha.46

5 years ago

0.0.1-alpha.45

5 years ago

0.0.1-alpha.44

5 years ago

0.0.1-alpha.43

6 years ago

0.0.1-alpha.42

6 years ago

0.0.1-alpha.41

6 years ago

0.0.1-alpha.40

6 years ago

0.0.1-alpha.39

6 years ago

0.0.1-alpha.38

6 years ago

0.0.1-alpha.37

6 years ago

0.0.1-alpha.36

6 years ago

0.0.1-alpha.35

6 years ago

0.0.1-alpha.34

6 years ago

0.0.1-alpha.33

6 years ago

0.0.1-alpha.32

6 years ago

0.0.1-alpha.31

6 years ago

0.0.1-alpha.30

6 years ago

0.0.1-alpha.29

6 years ago

0.0.1-alpha.28

6 years ago

0.0.1-alpha.27

6 years ago

0.0.1-alpha.26

6 years ago

0.0.1-alpha.25

6 years ago

0.0.1-alpha.24

6 years ago

0.0.1-alpha.23

6 years ago

0.0.1-alpha.22

6 years ago

0.0.1-alpha.21

6 years ago

0.0.1-alpha.20

6 years ago

0.0.1-alpha.19

6 years ago

0.0.1-alpha.18

6 years ago

0.0.1-alpha.17

6 years ago

0.0.1-alpha.16

6 years ago

0.0.1-alpha.15

6 years ago

0.0.1-alpha.14

6 years ago

0.0.1-alpha.13

6 years ago

0.0.1-alpha.12

6 years ago

0.0.1-alpha.11

6 years ago

0.0.1-alpha.8

6 years ago

0.0.1-alpha.7

6 years ago

0.0.1-alpha.6

6 years ago

0.0.1-alpha.5

6 years ago

0.0.1-alpha.4

6 years ago

0.0.1-alpha.3

6 years ago

0.0.1-alpha.2

6 years ago

0.0.1-alpha.1

6 years ago

0.0.1-alpha.0

6 years ago

0.0.1

6 years ago