ddr-ng
v21.0.0
Published
Angular component library by Disco Duro de Roer
Readme
DDR-NG
📦 Versions
ddr-ng always matches Angular's major version.
|ddr-ng | Compatibility | |-------|-----------------| |21.x.x | ✅ Full support | |20.x.x | ✅ Full support | |19.x.x | ✅ Full support | |18.x.x | ✅ Full support |
🚀 Getting Started with ddr-ng
📌 What is the ddr component library?
It is a set of reusable components, services, pipes and directives for our projects.
⚙️ How to install ddr-ng
To install the ddr library, run the following command:
npm install ddr-ng🛠️ What should we include in the angular.json file?
We will add the following in styles:
"styles": [
"node_modules/ddr-ng/resources/themes/ddr-blue.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap-icons/font/bootstrap-icons.css",
"src/styles.scss"
]If you want to have all available themes, you can add them all in styles
"styles": [
"node_modules/ddr-ng/resources/themes/ddr-blue.scss",
"node_modules/ddr-ng/resources/themes/ddr-dark.scss",
"node_modules/ddr-ng/resources/themes/ddr-purple.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap-icons/font/bootstrap-icons.css",
"src/styles.scss"
]🎨 Applying a theme
In the main container, you must add the class of the theme being used. For example:
<body class="ddr-blue">
<!-- Your app content -->
</body>Now you can use everything exported from the library, check the showcases for examples.
🔗 Additional Resources
- 🎨 Themes – Learn how to change the theme dynamically.
- 🌐 Translate – Learn how to add translations and use i18n features.
🌐 Community
- 💬 Join our Discord to ask questions, share ideas, or get support.
- ⭐ Don’t forget to star us on GitHub if you like this project.
⚖️ License
MIT © Discoduroderoer