1.3.0 • Published 8 days ago

hoi-poi-ui v1.3.0

Weekly downloads
405
License
MIT
Repository
github
Last release
8 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
@tiptap-pro/extension-emoji@tiptap/extension-color@tiptap/extension-font-family@tiptap/extension-hard-break@tiptap/extension-link@tiptap/extension-mention@tiptap/extension-text-style@tiptap/extension-underline@tiptap/pm@tiptap/react@tiptap/starter-kit@tiptap/suggestionace-buildsclassnamescore-jsdeepmergejssprop-typesprosemirror-commandsprosemirror-dropcursorprosemirror-gapcursorprosemirror-historyprosemirror-keymapprosemirror-modelprosemirror-schema-listprosemirror-viewrc-menurc-sliderrc-stepsrc-tabsrc-tooltipreact-acereact-animate-heightreact-collapsereact-custom-scrollbarsreact-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.2.145

8 days ago

1.2.144

8 days ago

1.2.143

8 days ago

1.3.0

8 days ago

1.2.141

9 days ago

1.2.142

9 days ago

1.2.140

10 days ago

1.2.138

17 days ago

1.2.139

16 days ago

1.2.137

18 days ago

1.2.136

24 days ago

1.2.135

29 days ago

1.2.134

1 month ago

1.2.133

1 month ago

1.2.132

2 months ago

1.2.131

2 months ago

1.2.130

2 months ago

1.2.129

2 months ago

1.2.128

2 months ago

1.2.127

2 months ago

1.2.126

2 months ago

1.2.125

2 months ago

1.2.124

2 months ago

1.2.123

3 months ago

1.2.122

3 months ago

1.2.121

3 months ago

1.2.120

3 months ago

1.2.118

3 months ago

1.2.119

3 months ago

1.2.116

3 months ago

1.2.115

3 months ago

1.2.117

3 months ago

1.2.114

3 months ago

1.2.113

3 months ago

1.2.112

3 months ago

1.2.111

3 months ago

1.2.110

3 months ago

1.2.108

3 months ago

1.2.107

3 months ago

1.2.106

3 months ago

1.2.105

4 months ago

1.2.104

4 months ago

1.2.103

4 months ago

1.2.102

4 months ago

1.2.86

6 months ago

1.2.89

6 months ago

1.2.87

6 months ago

1.2.88

6 months ago

1.2.92

6 months ago

1.2.93

6 months ago

1.2.90

6 months ago

1.2.91

6 months ago

1.2.96

6 months ago

1.2.97

6 months ago

1.2.94

6 months ago

1.2.95

6 months ago

1.2.98

5 months ago

1.2.99

5 months ago

1.2.101

5 months ago

1.2.100

5 months ago

1.2.81

7 months ago

1.2.82

7 months ago

1.2.80

7 months ago

1.2.85

7 months ago

1.2.83

7 months ago

1.2.84

7 months ago

1.2.74

8 months ago

1.2.75

8 months ago

1.2.72

8 months ago

1.2.73

8 months ago

1.2.78

8 months ago

1.2.79

7 months ago

1.2.76

8 months ago

1.2.77

8 months ago

1.2.68

8 months ago

1.2.65

8 months ago

1.2.66

8 months ago

1.2.69

8 months ago

1.2.70

8 months ago

1.2.71

8 months ago

1.2.60

10 months ago

1.2.63

10 months ago

1.2.64

9 months ago

1.2.61

10 months ago

1.2.62

10 months ago

1.2.45

12 months ago

1.2.46

12 months ago

1.2.43

12 months ago

1.2.44

12 months ago

1.2.49

11 months ago

1.2.47

11 months ago

1.2.48

11 months ago

1.2.52

11 months ago

1.2.53

11 months ago

1.2.50

11 months ago

1.2.51

11 months ago

1.2.56

11 months ago

1.2.57

10 months ago

1.2.54

11 months ago

1.2.55

11 months ago

1.2.58

10 months ago

1.2.59

10 months ago

1.2.41

12 months ago

1.2.42

12 months ago

1.2.40

12 months ago

1.2.30

1 year ago

1.2.31

1 year ago

1.2.34

1 year ago

1.2.35

12 months ago

1.2.32

1 year ago

1.2.33

1 year ago

1.2.38

12 months ago

1.2.39

12 months ago

1.2.36

12 months ago

1.2.37

12 months ago

1.2.18

1 year ago

1.2.19

1 year ago

1.2.20

1 year ago

1.2.23

1 year ago

1.2.24

1 year ago

1.2.21

1 year ago

1.2.22

1 year ago

1.2.27

1 year ago

1.2.28

1 year ago

1.2.25

1 year ago

1.2.26

1 year ago

1.2.29

1 year ago

1.2.12

1 year ago

1.2.13

1 year ago

1.2.10

1 year ago

1.2.11

1 year ago

1.2.16

1 year ago

1.2.17

1 year ago

1.2.14

1 year ago

1.2.15

1 year ago

1.2.8

1 year ago

1.2.9

1 year ago

1.1.118

1 year ago

1.2.7

1 year ago

1.2.6

1 year ago

1.2.5

1 year ago

1.2.4

1 year ago

1.2.3

1 year ago

1.1.100

1 year ago

1.1.108

1 year ago

1.1.107

1 year ago

1.1.106

1 year ago

1.1.105

1 year ago

1.1.104

1 year ago

1.1.103

1 year ago

1.1.102

1 year ago

1.1.101

1 year ago

1.1.92

1 year ago

1.1.91

1 year ago

1.1.90

1 year ago

1.1.96

1 year ago

1.1.95

1 year ago

1.1.94

1 year ago

1.1.93

1 year ago

1.1.99

1 year ago

1.1.98

1 year ago

1.1.97

1 year ago

1.1.109

1 year ago

1.1.111

1 year ago

1.1.110

1 year ago

1.1.117

1 year ago

1.1.116

1 year ago

1.1.115

1 year ago

1.1.114

1 year ago

1.1.113

1 year ago

1.1.112

1 year ago

1.1.89

1 year ago

1.1.88

1 year ago

1.1.87

2 years ago

1.1.86

2 years ago

1.2.0

1 year ago

1.2.2

1 year ago

1.2.1

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

2 years ago

1.1.60

2 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

2 years ago

1.1.55

2 years ago

1.1.54

2 years ago

1.1.59

2 years ago

1.1.58

2 years ago

1.1.57

2 years ago

1.1.52

2 years ago

1.1.51

2 years ago

1.1.50

2 years ago

1.1.53

2 years ago

1.1.45

2 years ago

1.1.44

2 years ago

1.1.43

2 years ago

1.1.42

2 years ago

1.1.49

2 years ago

1.1.48

2 years ago

1.1.47

2 years ago

1.1.46

2 years ago

1.1.41

2 years ago

0.0.47

2 years ago

1.1.29

2 years ago

1.1.28

2 years ago

1.1.30

2 years ago

1.1.34

2 years ago

1.1.33

2 years ago

1.1.32

2 years ago

1.1.31

2 years ago

1.1.38

2 years ago

1.1.37

2 years ago

1.1.36

2 years ago

1.1.35

2 years ago

1.1.39

2 years ago

1.1.40

2 years ago

0.0.48

2 years ago

1.1.27

2 years ago

1.1.26

2 years ago

1.1.25

2 years ago

1.1.11

2 years ago

1.1.16

2 years ago

1.1.15

2 years ago

1.1.14

2 years ago

1.1.13

2 years ago

1.1.19

2 years ago

1.1.18

2 years ago

1.1.17

2 years ago

1.1.23

2 years ago

1.1.22

2 years ago

1.1.21

2 years ago

1.1.20

2 years ago

1.1.24

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.10

2 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

3 years ago

1.0.109

3 years ago

1.0.108

3 years ago

1.0.121

3 years ago

1.0.120

3 years ago

1.0.122

3 years ago

1.0.110

3 years ago

1.0.112

3 years ago

1.0.111

3 years ago

1.0.118

3 years ago

1.0.117

3 years ago

1.0.119

3 years ago

1.0.114

3 years ago

1.0.113

3 years ago

1.0.116

3 years ago

1.0.115

3 years ago

1.0.106

3 years ago

1.0.105

3 years ago

1.0.104

3 years ago

1.0.99

3 years ago

1.0.98

3 years ago

1.0.101

3 years ago

1.0.100

3 years ago

1.0.103

3 years ago

1.0.102

3 years ago

1.0.97

3 years ago

1.0.95

3 years ago

1.0.96

3 years ago

1.0.94

3 years ago

1.0.93

3 years ago

1.0.91

3 years ago

1.0.92

3 years ago

1.0.90

3 years ago

1.0.88

3 years ago

1.0.89

3 years ago

1.0.87

3 years ago

1.0.84

3 years ago

1.0.86

3 years ago

1.0.85

3 years ago

1.0.83

3 years ago

1.0.82

3 years ago

1.0.81

3 years ago

1.0.80

3 years ago

1.0.79

3 years ago

1.0.77

3 years ago

1.0.78

3 years ago

1.0.75

3 years ago

1.0.74

3 years ago

1.0.73

3 years ago

1.0.72

3 years ago

1.0.71

3 years ago

1.0.70

3 years ago

1.0.66

3 years ago

1.0.65

3 years ago

1.0.64

3 years ago

1.0.69

3 years ago

1.0.67

3 years ago

1.0.63

3 years ago

1.0.62

3 years ago

1.0.61

3 years ago

1.0.60

3 years ago

1.0.59

3 years ago

1.0.58

3 years ago

0.0.43

3 years ago

1.0.57

3 years ago

1.0.56

3 years ago

1.0.55

3 years ago

1.0.54

3 years ago

1.0.53

3 years ago

1.0.52

3 years ago

1.0.51

3 years ago

1.0.50

3 years ago

1.0.49

3 years ago

1.0.48

3 years ago

1.0.47

3 years ago

1.0.46

3 years ago

1.0.45

3 years ago

1.0.44

3 years ago

1.0.43

3 years ago

1.0.42

3 years ago

1.0.40

3 years ago

1.0.41

3 years ago

0.0.42

3 years ago

0.0.41

3 years ago

1.0.39

3 years ago

1.0.38

3 years ago

1.0.37

3 years ago

1.0.36

3 years ago

1.0.35

3 years ago

1.0.34

3 years ago

1.0.33

3 years ago

1.0.32

3 years ago

1.0.31

3 years ago

1.0.30

3 years ago

1.0.29

3 years ago

1.0.28

3 years ago

1.0.27

3 years ago

1.0.26

3 years ago

1.0.25

3 years ago

1.0.24

3 years ago

1.0.23

3 years ago

1.0.22

3 years ago

1.0.21

3 years ago

1.0.20

3 years ago

1.0.19

3 years ago

1.0.18

3 years ago

1.0.17

3 years ago

1.0.16

3 years ago

1.0.15

3 years ago

1.0.14

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.4

3 years ago

1.0.2

3 years ago

1.0.3

3 years ago

1.0.1

3 years ago

0.0.40

3 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

4 years ago

0.0.2

4 years ago

0.0.1-alpha.130

4 years ago

0.0.1-alpha.129

4 years ago

0.0.1-alpha.128

4 years ago

0.0.1-alpha.127

4 years ago

0.0.1-alpha.126

4 years ago

0.0.1-alpha.124

4 years ago

0.0.1-alpha.125

4 years ago

0.0.1-alpha.123

4 years ago

0.0.1-alpha.122

4 years ago

0.0.1-alpha.121

4 years ago

0.0.1-alpha.120

4 years ago

0.0.1-alpha.119

4 years ago

0.0.1-alpha.116

4 years ago

0.0.1-alpha.117

4 years ago

0.0.1-alpha.118

4 years ago

0.0.1-alpha.115

4 years ago

0.0.1-alpha.114

4 years ago

0.0.1-alpha.113

4 years ago

0.0.1-alpha.112

4 years ago

0.0.1-alpha.111

4 years ago

0.0.1-alpha.110

4 years ago

0.0.1-alpha.109

4 years ago

0.0.1-alpha.108

4 years ago

0.0.1-alpha.107

4 years ago

0.0.1-alpha.106

4 years ago

0.0.1-alpha.105

4 years ago

0.0.1-alpha.104

4 years ago

0.0.1-alpha.103

4 years ago

0.0.1-alpha.102

4 years ago

0.0.1-alpha.101

4 years ago

0.0.1-alpha.100

4 years ago

0.0.1-alpha.99

4 years ago

0.0.1-alpha.98

4 years ago

0.0.1-alpha.97

4 years ago

0.0.1-alpha.96

4 years ago

0.0.1-alpha.95

4 years ago

0.0.1-alpha.94

4 years ago

0.0.1-alpha.93

4 years ago

0.0.1-alpha.92

4 years ago

0.0.1-alpha.91

4 years ago

0.0.1-alpha.90

4 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

5 years ago

0.0.1-alpha.27

5 years ago

0.0.1-alpha.26

5 years ago

0.0.1-alpha.25

5 years ago

0.0.1-alpha.24

5 years ago

0.0.1-alpha.23

5 years ago

0.0.1-alpha.22

5 years ago

0.0.1-alpha.21

5 years ago

0.0.1-alpha.20

5 years ago

0.0.1-alpha.19

5 years ago

0.0.1-alpha.18

5 years ago

0.0.1-alpha.17

5 years ago

0.0.1-alpha.16

5 years ago

0.0.1-alpha.15

5 years ago

0.0.1-alpha.14

5 years ago

0.0.1-alpha.13

5 years ago

0.0.1-alpha.12

5 years ago

0.0.1-alpha.11

5 years ago

0.0.1-alpha.8

5 years ago

0.0.1-alpha.7

5 years ago

0.0.1-alpha.6

5 years ago

0.0.1-alpha.5

5 years ago

0.0.1-alpha.4

5 years ago

0.0.1-alpha.3

5 years ago

0.0.1-alpha.2

5 years ago

0.0.1-alpha.1

5 years ago

0.0.1-alpha.0

5 years ago

0.0.1

5 years ago