1.2.24 • Published 4 months ago

@dahu-labs/obsidian-ui v1.2.24

Weekly downloads
-
License
-
Repository
github
Last release
4 months ago

Introduction

Obsidian UI is the library for using the DAHU LABS design system in react applications

Installation

Run the following commands to add Obsidian UI to your react project:

yarn add @dahu-labs/obsidian-ui

Peer dependencies and node engine

react >= 18.0.0 and node >= 18.0.0 are needed for running the library.

Usage with React

We use Material UI as the base of most of the components. So, in order to make the library use the custom colors in the theme we need to wrap the root of the application in a theme provider which is exported by itself.

import { CssBaseline, ThemeProvider, customTheme } from '@dahu-labs/obsidian-u';

export const withMuiTheme = ({ children }) => {
  return (
    <ThemeProvider theme={customTheme}>
      <CssBaseline />
      {children}
    </ThemeProvider>
  );
};

Material UI provides a CssBaseline component. It fixes some inconsistencies across browsers and devices. More info can be found here.

Once the theme is defined we can use the library components. All components are available as modules and you can use them as any other React component.

// Import the Button component
import { Button } from '@dahu-labs/obsidian-u';

// Use the Button component
<Button>Button label</Button>;

Local development

We use vite as a CLI for managing the react package.

Run Storybook inside terminal to see the real time changes of the components:

yarn storybook

This loads the stories from ./stories.

Once you have finished the changes you can publish the version if needed following this steps:

  1. Check this site above to see the latest version
  2. yarn build
  3. Commit your changes
  4. Update the package version in package.json. You can use npm version patch to update this
  5. npm publish
@emotion/react@emotion/styled@fontsource/be-vietnam-pro@fontsource/material-icons@mui/icons-material@mui/material@mui/x-date-pickersbrowserslistluxonmui-one-time-password-inputreact-copy-to-clipboardreact-countdownreact-datepickerreact-helmetreact-number-format
@everything-registry/sub-chunk-214
1.2.20

4 months ago

1.2.23

4 months ago

1.2.24

4 months ago

1.2.21

4 months ago

1.2.22

4 months ago

1.2.12

5 months ago

1.2.13

5 months ago

1.2.10

5 months ago

1.2.11

5 months ago

1.2.17

5 months ago

1.2.15

5 months ago

1.2.9

5 months ago

1.2.18

5 months ago

1.2.19

5 months ago

1.2.8

5 months ago

1.2.7

5 months ago

1.2.6

5 months ago

1.2.5

5 months ago

1.2.4

5 months ago

1.2.0

6 months ago

0.9.56

10 months ago

0.9.57

10 months ago

0.9.58

10 months ago

0.9.52

10 months ago

0.9.53

10 months ago

0.9.54

10 months ago

0.9.55

10 months ago

1.2.3

6 months ago

1.2.2

6 months ago

1.2.1

6 months ago

0.9.50

11 months ago

0.9.51

11 months ago

0.9.45

11 months ago

0.9.46

11 months ago

0.9.47

11 months ago

0.9.48

11 months ago

0.9.41

11 months ago

0.9.42

11 months ago

0.9.44

11 months ago

0.9.49

11 months ago

0.9.40

11 months ago

1.1.1

8 months ago

1.1.0

8 months ago

1.1.9

8 months ago

1.1.8

8 months ago

1.1.7

8 months ago

1.1.6

8 months ago

1.1.5

8 months ago

1.1.4

8 months ago

0.9.39

11 months ago

1.1.3

8 months ago

1.1.12

8 months ago

1.1.11

8 months ago

1.1.10

8 months ago

1.1.16

8 months ago

1.1.15

8 months ago

1.1.14

8 months ago

1.1.13

8 months ago

0.9.101

10 months ago

0.9.100

10 months ago

1.0.1

10 months ago

1.0.0

10 months ago

0.9.96

10 months ago

0.9.97

10 months ago

0.9.98

10 months ago

0.9.99

10 months ago

1.0.9

10 months ago

1.0.8

10 months ago

1.0.7

10 months ago

1.0.6

10 months ago

1.0.5

10 months ago

1.0.4

10 months ago

1.0.3

10 months ago

0.9.92

10 months ago

0.9.93

10 months ago

0.9.94

10 months ago

0.9.95

10 months ago

0.9.103

10 months ago

0.9.102

10 months ago

0.9.90

10 months ago

0.9.91

10 months ago

0.9.89

10 months ago

0.9.85

10 months ago

0.9.86

10 months ago

0.9.87

10 months ago

0.9.88

10 months ago

0.9.82

10 months ago

0.9.83

10 months ago

0.9.84

10 months ago

0.9.80

10 months ago

0.9.78

10 months ago

0.9.79

10 months ago

0.9.74

10 months ago

0.9.75

10 months ago

0.9.76

10 months ago

0.9.77

10 months ago

0.9.71

10 months ago

0.9.72

10 months ago

0.9.67

10 months ago

0.9.68

10 months ago

0.9.69

10 months ago

0.9.63

10 months ago

0.9.64

10 months ago

0.9.65

10 months ago

0.9.66

10 months ago

1.0.10

10 months ago

0.9.60

10 months ago

0.9.61

10 months ago

0.9.62

10 months ago

1.0.12

9 months ago

0.9.38

11 months ago

0.9.37

12 months ago

0.9.36

12 months ago

0.9.35

12 months ago

0.9.34

12 months ago

0.9.33

12 months ago

0.9.32

1 year ago

0.9.31

1 year ago

0.9.30

1 year ago

0.9.29

1 year ago

0.9.28

1 year ago

0.9.27

1 year ago

0.9.25

1 year ago

0.9.24

1 year ago

0.9.23

1 year ago

0.9.22

1 year ago

0.9.21

1 year ago

0.9.20

1 year ago

0.9.19

1 year ago

0.9.18

1 year ago

0.9.17

1 year ago

0.9.16

1 year ago

0.9.15

1 year ago

0.9.14

1 year ago

0.9.13

1 year ago

0.9.12

1 year ago

0.9.11

1 year ago

0.9.10

1 year ago

0.9.9

1 year ago

0.9.8

1 year ago

0.9.7

1 year ago

0.9.6

1 year ago

0.9.5

1 year ago

0.9.4

1 year ago

0.9.3

1 year ago

0.9.2

1 year ago

0.9.1

1 year ago

0.9.0

1 year ago

0.7.0

1 year ago

0.6.0

1 year ago

0.5.0

1 year ago

0.4.0

1 year ago

0.3.0

1 year ago

0.2.0

1 year ago

0.1.0

2 years ago