RJS Component Library Themed
(A test for now) A reactjs component library with a custom theme support by default. It's just a light / dark support with possibility to choose and change colors from both themes. Font (font family) and font size are present, but not fully implemented.
Components
ThemeHandler
Button
Card && CardContent && CardToggle
Checkbox
CheckboxMulti
Container
FormGroup
ImageContainer
Input
InputColor
Jumbotron
Label
Loading
MultiForm
P
Radio
Range
RadioMulti
Select
SelectAsync
SelectCreatable
Span
Spinner
SpinnerCoin
SpinnerDots
SpinnerDotsCircle
SpinnerRipple
SpinnerView
Tabs
Textarea
TitleH1
TitleHn
Toggle
Tooltip
Sources
source I
source II
source III - Spinners
source IV - Range
ToDO
- Upgrade stories
ToFix
- CardToggle Initial Blink
Release Notes
- 0.2.0: Upgraded dependencies; MultiForm' & Tabs' header changed;
Testing
``
npm run test
`
Storybook ( not properly configured )
`
npm run sb
`
Installing
`
//install (remember to check the peer dependencies)
npm i @gadeoli/rjs-component-library-themed
``
How to maintain (Dev with bad memory)
1. Clone
2. NVM use 22.13.1 (node 22.13.1 / npm 10.9.2)
3. npm i
4. make changes
5. git add / git commit / git push
6. npm run publish (custom command)
Example
- Check /components/Test/App4Text.tsx
- You can than implement your logic, using dinamic values (store, api), custom initial mode etc.