Package Exports
- components-react-lib-styled
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (components-react-lib-styled) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Stylized React Component Lib
Description
Library created for the purpose of personal improvement in the creation of stylized components and publication of libs in npm. The goal here is just learning, but if this lib is useful to you feel free to make suggestions and improve it so that it suits your problems and those of the community.
Techs
For this lib the Styled Components were used to create CSS styles in JavaScript files. The Storybook was used to visualize the components.
Components present in Lib
This Lib has a dark theme focus and new components may be added in the future. To view the components you can run the Storybook on your machine and select the components you want to see.
Button
Standard buttons in 3 formats: Default, Outline and Disable. To use the Outline and Disable buttons just pass the respective properties: outline and disable. Featured colors #007fff.
Button Gradient
Button with gradient colors from #000046 to top #1cb5e0. With border radius 20px.
Card
Standard card with colors #2f2e35.
Check Box
Stylized check box with colors #007fff.
Input
Input with or without icon and with dark theme and #007fff pattern colors.
Modal
Basic modal in dark theme.
Radio
Stylized radio with colors #007fff.
Running Storybook to view components
To run the Storybook use the command npm run storybook in the application's root directory.