Carbon Angular Design System

A reusable Angular component library built with the latest Angular (v20+) best practices. It follows Carbon Design principles and includes accessible, theme-ready UI components such as Button, Input, Icons, and more.

🚀 Features

• ✅ Angular v20+ (Standalone components, Signals, Modern Control Flow)
• ✅ Carbon-styled UI components
• ✅ Theme support (light/dark, custom themes)
• ✅ Fully accessible (ARIA support, keyboard navigation)
• ✅ Storybook integration for interactive docs
• ✅ SCSS-based styling

📦 Installation

Install Carbon Angular library

npm install carbon-angular

Install Carbon styles (required for component styling)

npm install @carbon/styles

🎨 Styles

Carbon components require the official @carbon/styles package. Import it once in your global styles (e.g., styles.scss):

@use '@carbon/styles';

📖 Documentation

Interactive Storybook docs are available here: 👉 Design-Library