1.4.25 • Published 4 months ago

hoi-poi-ui v1.4.25

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

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

4 months ago

1.4.22

4 months ago

1.4.21

4 months ago

1.4.24

4 months ago

1.4.23

4 months ago

1.4.25

4 months ago

1.4.11

6 months ago

1.4.10

6 months ago

1.4.13

5 months ago

1.4.12

6 months ago

1.4.15

5 months ago

1.4.14

5 months ago

1.4.17

4 months ago

1.4.16

5 months ago

1.4.19

4 months ago

1.4.18

4 months ago

1.4.6

6 months ago

1.4.9

6 months ago

1.4.8

6 months ago

1.4.7

6 months ago

1.4.5

7 months ago

1.4.4

7 months ago

1.4.3

7 months ago

1.4.2

7 months ago

1.4.1

8 months ago

1.4.0

8 months ago

1.3.7

9 months ago

1.3.6

9 months ago

1.3.5

9 months ago

1.3.9

8 months ago

1.3.8

8 months ago

1.3.4

9 months ago

1.3.3

10 months ago

1.3.2

10 months ago

1.3.1

10 months ago

1.2.145

10 months ago

1.2.144

10 months ago

1.2.143

10 months ago

1.3.0

10 months ago

1.2.141

10 months ago

1.2.142

10 months ago

1.2.140

10 months ago

1.2.138

11 months ago

1.2.139

11 months ago

1.2.137

11 months ago

1.2.136

11 months ago

1.2.135

11 months ago

1.2.134

11 months ago

1.2.133

11 months ago

1.2.132

12 months ago

1.2.131

12 months ago

1.2.130

12 months ago

1.2.129

12 months ago

1.2.128

12 months ago

1.2.127

1 year ago

1.2.126

1 year ago

1.2.125

1 year ago

1.2.124

1 year ago

1.2.123

1 year ago

1.2.122

1 year ago

1.2.121

1 year ago

1.2.120

1 year ago

1.2.118

1 year ago

1.2.119

1 year ago

1.2.116

1 year ago

1.2.115

1 year ago

1.2.117

1 year ago

1.2.114

1 year ago

1.2.113

1 year ago

1.2.112

1 year ago

1.2.111

1 year ago

1.2.110

1 year ago

1.2.108

1 year ago

1.2.107

1 year ago

1.2.106

1 year ago

1.2.105

1 year ago

1.2.104

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

2 years ago

1.2.65

2 years ago

1.2.66

2 years ago

1.2.69

2 years ago

1.2.70

1 year ago

1.2.71

1 year ago

1.2.60

2 years ago

1.2.63

2 years ago

1.2.64

2 years ago

1.2.61

2 years ago

1.2.62

2 years 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

2 years ago

1.2.59

2 years 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

3 years ago

1.1.74

3 years ago

1.1.73

3 years ago

1.1.72

3 years ago

1.1.71

3 years ago

1.1.78

3 years ago

1.1.77

3 years ago

1.1.76

3 years ago

1.1.75

3 years ago

1.1.79

3 years ago

1.1.81

3 years ago

1.1.80

3 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

3 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

4 years ago

1.0.151

4 years ago

1.0.150

4 years ago

0.0.45

4 years ago

1.0.149

4 years ago

1.0.147

4 years ago

1.0.148

4 years ago

1.0.145

4 years ago

1.0.146

4 years ago

1.0.144

4 years ago

1.0.143

4 years ago

1.0.142

4 years ago

1.0.141

4 years ago

1.0.140

4 years ago

1.0.139

4 years ago

1.0.136

4 years ago

1.0.138

4 years ago

1.0.137

4 years ago

1.0.134

4 years ago

1.0.135

4 years ago

1.0.133

4 years ago

0.0.44

4 years ago

1.0.132

4 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

5 years ago

0.0.201

5 years ago

0.0.21

5 years ago

0.0.20

5 years ago

0.0.19

5 years ago

0.0.18

5 years ago

0.0.17

5 years ago

0.0.15

5 years ago

0.0.16

5 years ago

0.0.14

5 years ago

0.0.12

5 years ago

0.0.13

5 years ago

0.0.11

5 years ago

0.0.10

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 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

6 years ago

0.0.1-alpha.63

6 years ago

0.0.1-alpha.62

6 years ago

0.0.1-alpha.61

6 years ago

0.0.1-alpha.60

6 years ago

0.0.1-alpha.59

6 years ago

0.0.1-alpha.58

6 years ago

0.0.1-alpha.57

6 years ago

0.0.1-alpha.56

6 years ago

0.0.1-alpha.55

6 years ago

0.0.1-alpha.54

6 years ago

0.0.1-alpha.53

6 years ago

0.0.1-alpha.52

6 years ago

0.0.1-alpha.51

6 years ago

0.0.1-alpha.50

6 years ago

0.0.1-alpha.49

6 years ago

0.0.1-alpha.48

6 years ago

0.0.1-alpha.47

6 years ago

0.0.1-alpha.46

6 years ago

0.0.1-alpha.45

6 years ago

0.0.1-alpha.44

6 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