@vector-crystal-web/atoms

Atomic 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.

Features

| 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.

Usage

import { CrystalButton, CrystalTextField } from '@vector-crystal-web/atoms';
// In your module or component imports:
imports: [CrystalButton, CrystalTextField, ...]

<cw-button label="Confirm" /> <cw-text-field [control]="nameControl" placeholder="Name" />

Generated with Nx.