1.4.25 • Published 25 days ago

hoi-poi-ui v1.4.25

Weekly downloads
405
License
MIT
Repository
github
Last release
25 days 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.

libraryreactjavascriptcomponentsui
ace-buildsclassnamescore-jsdeepmergejssprop-typesrc-menurc-sliderrc-stepsrc-tabsrc-tooltipreact-acereact-animate-heightreact-collapsereact-dndreact-dnd-html5-backendreact-dropzonereact-flatpickrreact-image-cropreact-image-galleryreact-jssreact-markdownreact-modalreact-selectreact-switchreact-textarea-autosizereact-toastifyreact-transition-groupreact-treebeardreact-windowtippy.jsuuid
@infinitebrahmanuniverse/nolb-hoi@everything-registry/sub-chunk-1853widget-templatefm-form-template
1.4.20

29 days ago

1.4.22

29 days ago

1.4.21

29 days ago

1.4.24

25 days ago

1.4.23

26 days ago

1.4.25

25 days ago

1.4.11

3 months ago

1.4.10

3 months ago

1.4.13

2 months ago

1.4.12

2 months ago

1.4.15

2 months ago

1.4.14

2 months ago

1.4.17

1 month ago

1.4.16

2 months ago

1.4.19

1 month ago

1.4.18

1 month ago

1.4.6

3 months ago

1.4.9

3 months ago

1.4.8

3 months ago

1.4.7

3 months ago

1.4.5

4 months ago

1.4.4

4 months ago

1.4.3

4 months ago

1.4.2

4 months ago

1.4.1

5 months ago

1.4.0

5 months ago

1.3.7

5 months ago

1.3.6

6 months ago

1.3.5

6 months ago

1.3.9

5 months ago

1.3.8

5 months ago

1.3.4

6 months ago

1.3.3

7 months ago

1.3.2

7 months ago

1.3.1

7 months ago

1.2.145

7 months ago

1.2.144

7 months ago

1.2.143

7 months ago

1.3.0

7 months ago

1.2.141

7 months ago

1.2.142

7 months ago

1.2.140

7 months ago

1.2.138

8 months ago

1.2.139

8 months ago

1.2.137

8 months ago

1.2.136

8 months ago

1.2.135

8 months ago

1.2.134

8 months ago

1.2.133

8 months ago

1.2.132

9 months ago

1.2.131

9 months ago

1.2.130

9 months ago

1.2.129

9 months ago

1.2.128

9 months ago

1.2.127

9 months ago

1.2.126

9 months ago

1.2.125

9 months ago

1.2.124

9 months ago

1.2.123

10 months ago

1.2.122

10 months ago

1.2.121

10 months ago

1.2.120

10 months ago

1.2.118

10 months ago

1.2.119

10 months ago

1.2.116

10 months ago

1.2.115

10 months ago

1.2.117

10 months ago

1.2.114

10 months ago

1.2.113

10 months ago

1.2.112

10 months ago

1.2.111

10 months ago

1.2.110

10 months ago

1.2.108

10 months ago

1.2.107

10 months ago

1.2.106

10 months ago

1.2.105

11 months ago

1.2.104

11 months ago

1.2.103

11 months ago

1.2.102

11 months 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

12 months 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

1 year ago

1.2.53

1 year ago

1.2.50

2 years ago

1.2.51

1 year ago

1.2.56

1 year ago

1.2.57

1 year ago

1.2.54

1 year ago

1.2.55

1 year 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

2 years ago

1.1.62

2 years ago

1.1.61

3 years ago

1.1.60

3 years ago

1.1.67

2 years ago

1.1.66

2 years ago

1.1.65

2 years ago

1.1.64

2 years ago

1.1.69

2 years ago

1.1.68

2 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

3 years ago

1.0.129

3 years ago

1.0.128

3 years ago

1.0.127

3 years ago

1.0.126

3 years ago

1.0.123

3 years ago

1.0.125

3 years ago

1.0.124

3 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

4 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

5 years ago

0.0.1-alpha.42

5 years ago

0.0.1-alpha.41

5 years ago

0.0.1-alpha.40

5 years ago

0.0.1-alpha.39

5 years ago

0.0.1-alpha.38

5 years ago

0.0.1-alpha.37

5 years ago

0.0.1-alpha.36

5 years ago

0.0.1-alpha.35

5 years ago

0.0.1-alpha.34

5 years ago

0.0.1-alpha.33

5 years ago

0.0.1-alpha.32

5 years ago

0.0.1-alpha.31

5 years ago

0.0.1-alpha.30

5 years ago

0.0.1-alpha.29

5 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