Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Next-Level UI Development with PrimeNG

You're reading from  Next-Level UI Development with PrimeNG

Product type Book
Published in Mar 2024
Publisher Packt
ISBN-13 9781803249810
Pages 356 pages
Edition 1st Edition
Languages
Author (1):
Dale Nguyen Dale Nguyen
Profile icon Dale Nguyen

Table of Contents (21) Chapters

Preface 1. Part 1: Introduction to PrimeNG
2. Chapter 1: Introducing Angular and PrimeNG: A Powerful Combination 3. Chapter 2: Setting Up Your Development Environment 4. Chapter 3: Utilizing Angular’s Features and Improvements 5. Chapter 4: Integrating PrimeNG into Your Angular Project 6. Part 2: UI Components and Features
7. Chapter 5: Introducing Input Components and Form Controls 8. Chapter 6: Working with Table, List, and Card Components 9. Chapter 7: Working with Tree, TreeTable, and Timeline Components 10. Chapter 8: Working with Navigation and Layout Components 11. Part 3: Advanced Techniques and Best Practices
12. Chapter 9: Customizing PrimeNG Components with Theming 13. Chapter 10: Exploring Optimization Techniques for Angular Applications 14. Chapter 11: Creating Reusable and Extendable Components 15. Chapter 12: Working with Internationalization and Localization 16. Chapter 13: Testing PrimeNG Components 17. Part 4: Real-World Application
18. Chapter 14: Building a Responsive Web Application 19. Index 20. Other Books You May Enjoy

Introducing PrimeNG

PrimeNG (https://primeng.org/) is a feature-rich library of open source UI components specifically designed for Angular applications. As you can see in the following figure, the current state of PrimeNG offers an impressive suite of 90+ components, 200+ icons, and 400+ ready-to-use UI blocks, ranging from simple widgets such as buttons and inputs to more complex and powerful components such as data tables, charts, and trees.

Figure 1.1 – Overview of PrimeNG

Figure 1.1 – Overview of PrimeNG

Every component in PrimeNG is crafted with attention to detail. They’re not just functional but also aesthetically pleasing with a polished design that adheres to modern UI principles. The components come with a rich set of features out of the box, which can be further customized to suit the specific needs of your application.

Here is an example of a button snippet:

<section class="call-to-action">
   <h2>5 Things Your Spreadsheets...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €14.99/month. Cancel anytime}