Atomic components for the Crystal Design System (Angular, PrimeNG)
npm install @vector-crystal-web/atomsAtomic components library for the Crystal Design System. Provides buttons, inputs, selectors, feedback, and layout components ready for use in Angular, with styling aligned to design tokens and PrimeNG integration where applicable.
---
| Category | Components |
| ------------------------ | --------------------------------------------------------------------------------------------------------------- |
| Action | CrystalButton, CrystalChip, CrystalTag |
| Form | CrystalTextField, CrystalDropdown, CrystalMultiselect, CrystalCheckbox, CrystalRadio, CrystalSwitch |
| Navigation & content | CrystalTabs, CrystalAccordion, CrystalSegmentControl, CrystalPaginator |
| Feedback | CrystalSnackbar, CrystalHint, CrystalLabel, CrystalBadge |
| Layout & media | CrystalDivider, CrystalAvatar |
Components are exposed as standalone, with FormControl support where it applies and size variants (x-small, small, medium, large) when available.
---
``ts`
import { CrystalButton, CrystalTextField } from '@vector-crystal-web/atoms';
// In your module or component imports:
imports: [CrystalButton, CrystalTextField, ...]
`html``
---
_Generated with Nx._