Doijma UI is a React UI library which contains user interface components utilised by dojima organisation.
- react - ^17.0
- react-dom - ^17.0
- @mui/material - ^5.0
- @mui/lab
- @mui/styles
- formik - forms
- lodash
Currently it is under heavy development.
Below are the react components developed and published.
- Button
- Dojima default button.
- Neumorphism styled button.
- Flat button.
- Theme
- Types
- Textfield
- string
- number
- Checkbox
- Single checkbox
- Checkbox group.
- Select
- Single select
- Multiple select
- Radio
- Single radio button select
- Multipe radio button select
- Date picker
- Alert
- Snackbar
- Success
- Error
- Info
- Warning
- context providers
- Online status connectivity provider
- Snackbar provider
- react hooks
- Debounce - Technique to delay event by amount.
- toggle - toggling state
- document title - to change document title in any react component.
- force update - to forcefully update the ui.
- window size - to know the window width, height on change.
- animate height - to make particular html element to height zero or full height on user action.
Storybook is integrated to test the individual components developed by dojima.
Run
-
yarn run storybook : Starts story book webpage to test the components.