Common UI components library to build similar themed React web applications faster.
APACHE-2.0 License
To install @diconium/ui-toolbox in your project, simply use npm:
npm install @diconium/ui-toolbox
@diconium/ui-toolbox comes with a set of linting rules to maintain code consistency and readability. You can run the linting process using the following npm command:
npm run lint
// or
npm run lint:fix
Using a component from @diconium/ui-toolbox is straightforward. Import the component you need and use it in your React application:
import React from 'react';
import { Button } from '@diconium/ui-toolbox';
function App() {
return <Button>Click me</Button>;
}
npm run build:css:fonts
npm run build:css:watch
npm run storybook
npm run build:prod
If you want to create a new component you can call the following command on the terminal to create all the required files at once.
npm run generate:component <NAME OF NEW COMPONENT>
@diconium/ui-toolbox provides the following set of components:
Please refer to the documentation for each component to learn more about their props, customization options, and examples of usage.
If you want to enhance the @diconium/ui-toolbox, you are welcome to fork the repository and create a pull request. Please take into account, that we will have to conduct a code review before accepting your changes.
More details on how to best do that are described in our Contributing guideline.
@diconium/ui-toolbox is released under the Apache License 2.0.
Happy coding!
© 2024 diconium GmbH. All rights reserved.