Angular design system

Overview

The Angular catalog is the Enterprise Design System port for Angular apps. Components are standalone Angular units (EdsButton, EdsInput, and the rest of the set), not a NgModule barrel you have to import wholesale. Tokens, spacing, and color aliases match the other EDS packages so an Angular surface can sit next to React or Vue without a restyle.

Theming is a service, not a CSS-only afterthought. EdsThemeService exposes setTheme and toggleTheme. Dark mode also applies the eds-theme-dark class on html, body, or the story root so semantic aliases (--eds-color-bg, --eds-color-surface, --eds-color-text) remap while the brand scale stays put.

Storybook is the working catalog: Introduction, Foundations/Themes, then one autodocs page per component. The live demo on this site is that Storybook build. Written install and theming notes live on the ValorSoftSol Angular docs.

Features

• Standalone components. Each control is a standalone Angular component you can import into a route or feature without a shared NgModule.
• EdsThemeService. setTheme('dark') and toggleTheme() for runtime theme, or an eds-theme-dark class on the document.
• Shared tokens. Color, type, space, radius, elevation, and motion as CSS custom properties used by every component.
• Storybook with a11y. Controls, Docs, keyboard/focus checks, and a Theme toolbar on every story.
• Parity with the other stacks. The same component inventory as React, Vue, and Web Components so product teams do not keep a separate Angular kit.

Technologies

Components

The Angular Storybook covers the inventory below. Open a component in the live demo for Controls, docs, and accessibility checks.

Actions

• Button
• ButtonGroup
• SplitButton
• Link

Forms

• Input
• Textarea
• NumberInput
• Checkbox
• Radio
• Switch
• Select
• Combobox
• Autocomplete
• Search
• PinInput
• FileUpload
• DatePicker
• DateRangePicker
• TimePicker
• Slider
• Rating

Feedback

• Alert
• Toast
• Spinner
• ProgressBar
• CircularProgress
• Skeleton
• EmptyState
• Status
• Badge
• Tag

Navigation

• Breadcrumb
• Tabs
• SideNav
• Pagination
• Stepper
• Toolbar

Overlays

• Modal
• Drawer
• Popover
• Tooltip
• DropdownMenu

Data display

• Card
• DataTable
• List
• DescriptionList
• Stat
• Timeline
• TreeView
• Accordion
• Avatar
• Icon

Utilities

• Divider
• Kbd
• VisuallyHidden
• Meter
• CodeSnippet
• SegmentedControl

Pages

These are the Storybook sidebar entries in the live catalog. Written install guides stay on theValorSoftSol docs.