ng-primitives
Headless, composable primitives for building accessible UI components in Angular.
File Explorer
Download Latest Version (.zip)- angular-patterns.md
- comments.md
- docs-example-styling.md
- documentation-pages.md
- naming-conventions.md
- state-management.md
- SKILL.md
- 1-bug-report.yaml
- 2-feature-request.yaml
- 3-docs-bug.yaml
- ci.yml
- release.yml
- copilot-instructions.md
- FUNDING.yml
- PULL_REQUEST_TEMPLATE.md
- pre-commit
- pre-push
- config.yml
- extensions.json
- settings.json
- favicon.ico
- .gitkeep
- accordion-item.ts
- accordion.ts
- index.page.ts
- avatar.ts
- index.page.ts
- button.ts
- index.page.ts
- checkbox.ts
- index.page.ts
- combobox.ts
- index.page.ts
- context-menu-item.ts
- context-menu.ts
- index.page.ts
- date-picker.ts
- index.page.ts
- dialog.ts
- index.page.ts
- file-upload.ts
- index.page.ts
- field.ts
- index.page.ts
- index.page.ts
- input.ts
- index.page.ts
- input-otp.ts
- index.page.ts
- listbox-option.ts
- listbox.ts
- index.page.ts
- menu-item.ts
- menu.ts
- index.page.ts
- meter.ts
- index.page.ts
- native-select.ts
- number-field.ts
- index.page.ts
- pagination.ts
- index.page.ts
- password.ts
- index.page.ts
- popover-trigger.ts
- popover.ts
- index.page.ts
- progress.ts
- index.page.ts
- radio-group.ts
- radio-item.ts
- index.page.ts
- range-slider.ts
- index.page.ts
- rating.ts
- index.page.ts
- search.ts
- index.page.ts
- select.ts
- index.page.ts
- separator.ts
- index.page.ts
- slider.ts
- index.page.ts
- switch.ts
- index.page.ts
- tab.ts
- tabs.ts
- index.page.ts
- textarea.ts
- index.page.ts
- toast.ts
- index.page.ts
- toggle.ts
- index.page.ts
- toggle-group-item.ts
- toggle-group.ts
- index.page.ts
- toolbar-button.ts
- toolbar.ts
- index.page.ts
- tooltip-trigger.ts
- tooltip.ts
- app.config.server.ts
- app.config.ts
- app.ts
- main.server.ts
- main.ts
- styles.css
- eslint.config.cjs
- index.html
- package.json
- project.json
- tsconfig.app.json
- tsconfig.editor.json
- tsconfig.json
- vite.config.ts
- api-docs.html
- api-docs.ts
- api-reference-attributes.html
- api-reference-attributes.ts
- api-reference-config.html
- api-reference-config.ts
- api-reference-css-vars.html
- api-reference-css-vars.ts
- api-reference-props.html
- api-reference-props.ts
- example.html
- example.ts
- navbar.html
- navbar.ts
- page-navigation.ts
- quick-links.html
- quick-links.ts
- side-navigation.html
- side-navigation.ts
- snippet.html
- snippet.ts
- tab.html
- tab.ts
- tab-group.html
- tab-group.ts
- theme-toggle.html
- theme-toggle.ts
- heading-anchor.ts
- source-link.ts
- accordion.example.ts
- accordion.tailwind.example.ts
- ai-assistant.example.ts
- ai-assistant.tailwind.example.ts
- autofill.example.ts
- avatar.example.ts
- avatar.tailwind.example.ts
- breadcrumbs.example.ts
- breadcrumbs.tailwind.example.ts
- button.example.ts
- button.tailwind.example.ts
- checkbox-form-field.example.ts
- checkbox.example.ts
- checkbox.tailwind.example.ts
- collapsible.example.ts
- collapsible.tailwind.example.ts
- color-field.example.ts
- color-picker-popover.example.ts
- color-picker.example.ts
- color-picker.tailwind.example.ts
- color-slider-alpha.example.ts
- color-slider.example.ts
- color-swatch-picker.example.ts
- color-wheel.example.ts
- combobox-button.example.ts
- combobox-creatable.example.ts
- combobox-creatable.tailwind.example.ts
- combobox-custom-option.example.ts
- combobox-multiple.example.ts
- combobox-select-all.example.ts
- combobox-virtual.example.ts
- combobox.example.ts
- combobox.tailwind.example.ts
- context-menu-submenu.example.ts
- context-menu-submenu.tailwind.example.ts
- context-menu.example.ts
- context-menu.tailwind.example.ts
- date-picker.example.ts
- date-picker.tailwind.example.ts
- date-range-picker.example.ts
- dialog-data.example.ts
- dialog-data.tailwind.example.ts
- dialog-dismiss-guard.example.ts
- dialog-dismiss-guard.tailwind.example.ts
- dialog-drawer.example.ts
- dialog-drawer.tailwind.example.ts
- dialog.example.ts
- dialog.tailwind.example.ts
- file-dropzone.example.ts
- file-upload.example.ts
- file-upload.tailwind.example.ts
- focus.example.ts
- focus-trap.example.ts
- focus-visible.example.ts
- form-field.example.ts
- form-field.tailwind.example.ts
- hover.example.ts
- input-form-field.example.ts
- input.example.ts
- input.tailwind.example.ts
- input-otp.example.ts
- input-otp.tailwind.example.ts
- move.example.ts
- press.example.ts
- listbox-multiple.example.ts
- listbox-multiple.tailwind.example.ts
- listbox-sections.example.ts
- listbox-sections.tailwind.example.ts
- listbox-select.example.ts
- listbox-select.tailwind.example.ts
- listbox.example.ts
- listbox.tailwind.example.ts
- menu-checkbox.example.ts
- menu-checkbox.tailwind.example.ts
- menu-custom-anchor.example.ts
- menu-custom-anchor.tailwind.example.ts
- menu-dynamic-anchor.example.ts
- menu-dynamic-anchor.tailwind.example.ts
- menu-radio.example.ts
- menu-radio.tailwind.example.ts
- menu-trigger-group.example.ts
- menu-trigger-group.tailwind.example.ts
- menu.example.ts
- menu.tailwind.example.ts
- submenu.example.ts
- submenu.tailwind.example.ts
- meter.example.ts
- meter.tailwind.example.ts
- native-select-form-field.example.ts
- native-select-form-field.tailwind.example.ts
- native-select.example.ts
- native-select.tailwind.example.ts
- navigation-menu-vertical.example.ts
- navigation-menu.example.ts
- number-field.example.ts
- pagination.example.ts
- pagination.tailwind.example.ts
- password.example.ts
- password.tailwind.example.ts
- popover-anchor.example.ts
- popover-anchor.tailwind.example.ts
- popover-dismiss-guard.example.ts
- popover-dismiss-guard.tailwind.example.ts
- popover-keep-mounted.example.ts
- popover-keep-mounted.tailwind.example.ts
- popover.example.ts
- popover.tailwind.example.ts
- progress.example.ts
- progress.tailwind.example.ts
- radio.example.ts
- radio.tailwind.example.ts
- range-slider-vertical.example.ts
- range-slider.example.ts
- rating-clearable.example.ts
- rating-clearable.tailwind.example.ts
- rating-disabled.example.ts
- rating-disabled.tailwind.example.ts
- rating-half.example.ts
- rating-half.tailwind.example.ts
- rating-readonly.example.ts
- rating-readonly.tailwind.example.ts
- rating.example.ts
- rating.tailwind.example.ts
- resize.example.ts
- resize.tailwind.example.ts
- roving-focus.example.ts
- roving-focus.tailwind.example.ts
- search.example.ts
- search.tailwind.example.ts
- select-custom-container.example.ts
- select-custom-option.example.ts
- select-form-field.example.ts
- select-form-field.tailwind.example.ts
- select-virtual.example.ts
- select.example.ts
- select.tailwind.example.ts
- separator.example.ts
- separator.tailwind.example.ts
- slider-form-field.example.ts
- slider-form-field.tailwind.example.ts
- slider-tooltip.example.ts
- slider-track-tooltip.example.ts
- slider-vertical.example.ts
- slider.example.ts
- slider.tailwind.example.ts
- switch-form-field.example.ts
- switch-form-field.tailwind.example.ts
- switch.example.ts
- switch.tailwind.example.ts
- tabs.example.ts
- tabs.tailwind.example.ts
- textarea-form-field.example.ts
- textarea.example.ts
- toast-persistent.example.ts
- toast-sequential.example.ts
- toast.example.ts
- toggle-default-selected.example.ts
- toggle.example.ts
- toggle-group-multiple.example.ts
- toggle-group.example.ts
- toolbar.example.ts
- tooltip-cursor.example.ts
- tooltip-custom-anchor.example.ts
- tooltip-custom-container.example.ts
- tooltip-hoverable-content.example.ts
- tooltip-show-on-overflow.example.ts
- tooltip.example.ts
- get-started.md
- introduction.md
- llms.md
- mcp.md
- styling.md
- usage.md
- focus-visible.md
- focus.md
- hover.md
- move.md
- press.md
- accordion.md
- ai-assistant.md
- avatar.md
- breadcrumbs.md
- button.md
- checkbox.md
- collapsible.md
- color-picker.md
- combobox.md
- context-menu.md
- date-picker.md
- dialog.md
- file-upload.md
- form-field.md
- icons.md
- input-otp.md
- input.md
- listbox.md
- menu.md
- meter.md
- navigation-menu.md
- number-field.md
- pagination.md
- password.md
- popover.md
- progress.md
- radio.md
- range-slider.md
- rating.md
- resize.md
- roving-focus.md
- search.md
- select.md
- separator.md
- slider.md
- switch.md
- table.md
- tabs.md
- textarea.md
- toast.md
- toggle-group.md
- toggle.md
- toolbar.md
- tooltip.md
- autofill.md
- date-adapter.md
- focus-trap.md
- visually-hidden.md
- getting-started.page.ts
- interactions.page.ts
- primitives.page.ts
- utilities.page.ts
- (documentation).page.ts
- index.page.ts
- router.ts
- app.config.server.ts
- app.config.ts
- app.ts
- angular-ui.svg
- coralogix.svg
- flowbite.svg
- sidebar.svg
- stackfusion.svg
- ayushseth.webp
- kedevked.jpg
- mohammadjaved.webp
- ruudwalraven.webp
- .gitkeep
- avatar.png
- hero.svg
- logo-dark.svg
- logo-light-small.svg
- logo-light.svg
- logo-small.svg
- logo.svg
- favicon.svg
- main.server.ts
- main.ts
- styles.css
- typings.d.ts
- vite-env.d.ts
- eslint.config.cjs
- index.html
- package.json
- project.json
- tsconfig.app.json
- tsconfig.editor.json
- tsconfig.json
- tsconfig.spec.json
- vite.config.ts
- .gitignore
- types.ts
- index.ts
- integration.test.ts
- primitives-registry.ts
- tools.ts
- eslint.config.cjs
- package.json
- project.json
- tsconfig.json
- tsconfig.lib.json
- tsconfig.vitest.json
- vitest.config.ts
- active-descendant.test.ts
- active-descendant.ts
- visually-hidden-primitive.test.ts
- visually-hidden-state.ts
- visually-hidden.ts
- index.ts
- ng-package.json
- README.md
- accordion-component.test.ts
- accordion-forms.fixture.ts
- accordion-primitive.test.ts
- accordion-state.ts
- accordion.ts
- accordion-content-state.ts
- accordion-content.ts
- accordion-item-state.ts
- accordion-item.ts
- accordion-trigger-state.ts
- accordion-trigger.ts
- accordion-config.ts
- index.ts
- ng-package.json
- README.md
- ai-config.ts
- prompt-composer-primitive.test.ts
- prompt-composer-state.ts
- prompt-composer.ts
- mock-speech-recognition.ts
- prompt-composer-dictation-primitive.test.ts
- prompt-composer-dictation-state.ts
- prompt-composer-dictation.ts
- prompt-composer-input-primitive.test.ts
- prompt-composer-input-state.ts
- prompt-composer-input.ts
- prompt-composer-submit-primitive.test.ts
- prompt-composer-submit-state.ts
- prompt-composer-submit.ts
- thread-primitive.test.ts
- thread-state.ts
- thread.ts
- thread-message-primitive.test.ts
- thread-message-state.ts
- thread-message.ts
- thread-suggestion-primitive.test.ts
- thread-suggestion-state.ts
- thread-suggestion.ts
- thread-viewport-primitive.test.ts
- thread-viewport-state.ts
- thread-viewport.ts
- index.ts
- ng-package.json
- README.md
- autofill-primitive.test.ts
- autofill-state.ts
- autofill.ts
- index.ts
- ng-package.json
- README.md
- avatar-component.test.ts
- avatar-fallback.test.ts
- avatar-image.test.ts
- avatar-primitive.test.ts
- avatar-state.ts
- avatar.ts
- avatar-fallback-state.ts
- avatar-fallback.ts
- avatar-image-state.ts
- avatar-image.ts
- avatar-config.ts
- index.ts
- ng-package.json
- README.md
- breadcrumb-ellipsis-state.ts
- breadcrumb-ellipsis.ts
- breadcrumb-item-state.ts
- breadcrumb-item.ts
- breadcrumb-link-state.ts
- breadcrumb-link.ts
- breadcrumb-list-state.ts
- breadcrumb-list.ts
- breadcrumb-page-state.ts
- breadcrumb-page.ts
- breadcrumb-separator-state.ts
- breadcrumb-separator.ts
- breadcrumbs-primitive.test.ts
- breadcrumbs-state.ts
- breadcrumbs.ts
- index.ts
- ng-package.json
- README.md
- button-component.test.ts
- button-forms.fixture.ts
- button-primitive.test.ts
- button-state.ts
- button.ts
- index.ts
- ng-package.json
- README.md
- checkbox-component.test.ts
- checkbox-forms.fixture.ts
- checkbox-forms.test.ts
- checkbox-primitive.test.ts
- checkbox-state.ts
- checkbox.ts
- index.ts
- ng-package.json
- README.md
- collapsible-primitive.test.ts
- collapsible-state.ts
- collapsible.ts
- collapsible-content-state.ts
- collapsible-content.ts
- collapsible-trigger-state.ts
- collapsible-trigger.ts
- index.ts
- ng-package.json
- README.md
- color.test.ts
- color.ts
- color-area.test.ts
- color-area-state.ts
- color-area.ts
- color-area-thumb-state.ts
- color-area-thumb.ts
- color-field.test.ts
- color-field-state.ts
- color-field.ts
- color-picker.test.ts
- color-picker-state.ts
- color-picker.ts
- color-slider.test.ts
- color-slider-state.ts
- color-slider.ts
- color-slider-thumb-state.ts
- color-slider-thumb.ts
- color-slider-track-state.ts
- color-slider-track.ts
- color-swatch.test.ts
- color-swatch-state.ts
- color-swatch.ts
- color-swatch-picker.test.ts
- color-swatch-picker-state.ts
- color-swatch-picker.ts
- color-swatch-picker-item-state.ts
- color-swatch-picker-item.ts
- color-wheel.test.ts
- color-wheel-state.ts
- color-wheel.ts
- color-wheel-thumb-state.ts
- color-wheel-thumb.ts
- index.ts
- ng-package.json
- README.md
- combobox-component.test.ts
- combobox-forms.fixture.ts
- combobox-forms.test.ts
- combobox-primitive.test.ts
- combobox-state.ts
- combobox.ts
- combobox-button.ts
- combobox-dropdown.ts
- combobox-input.ts
- combobox-option.ts
- combobox-portal.ts
- combobox-config.ts
- index.ts
- utils.ts
- ng-package.json
- README.md
- header-token.ts
- header.ts
- orientation.ts
- selection.ts
- index.ts
- ng-package.json
- README.md
- context-menu-config.ts
- context-menu.ts
- context-menu-item.ts
- context-menu-item-checkbox.ts
- context-menu-item-indicator.ts
- context-menu-item-radio.ts
- context-menu-item-radio-group.ts
- context-menu-submenu-trigger.ts
- context-menu-component.test.ts
- context-menu-primitive.test.ts
- context-menu-trigger-state.ts
- context-menu-trigger.ts
- index.ts
- ng-package.json
- README.md
- date-picker-config.ts
- date-picker-component.test.ts
- date-picker-next-month.test.ts
- date-picker-previous-month.test.ts
- date-picker-primitive.test.ts
- date-picker-row-render.test.ts
- date-range-picker.test.ts
- date-picker-first-day-of-week.ts
- date-picker-state.ts
- date-picker.ts
- date-picker-cell-state.ts
- date-picker-cell.ts
- date-picker-cell-render-token.ts
- date-picker-cell-render.ts
- date-picker-date-button-state.ts
- date-picker-date-button-token.ts
- date-picker-date-button.ts
- date-picker-grid-state.ts
- date-picker-grid.ts
- date-picker-label-state.ts
- date-picker-label-token.ts
- date-picker-label.ts
- date-picker-next-month-state.ts
- date-picker-next-month.ts
- date-picker-previous-month-state.ts
- date-picker-previous-month.ts
- date-picker-row-render-token.ts
- date-picker-row-render.ts
- date-range-picker-state.ts
- date-range-picker.ts
- index.ts
- ng-package.json
- README.md
- date-adapter-token.ts
- date-adapter.ts
- native-date-adapter.test.ts
- native-date-adapter.ts
- index.ts
- date-adapter-tests.ts
- index.ts
- ng-package.json
- README.md
- date-fns-date-adapter.test.ts
- date-fns-date-adapter.ts
- index.ts
- ng-package.json
- README.md
- luxon-date-adapter.test.ts
- luxon-date-adapter.ts
- index.ts
- ng-package.json
- README.md
- dialog-config.ts
- dialog-component.test.ts
- dialog-primitive.test.ts
- dialog-service.test.ts
- dialog-ref.ts
- dialog-state.ts
- dialog.service.ts
- dialog.ts
- dialog-description-state.ts
- dialog-description.ts
- dialog-overlay-state.ts
- dialog-overlay.ts
- dialog-panel-state.ts
- dialog-panel.ts
- dialog-title-state.ts
- dialog-title.ts
- dialog-trigger-injector.test.ts
- dialog-trigger-state.ts
- dialog-trigger.ts
- index.ts
- ng-package.json
- README.md
- index.css
- file-dropzone-config.ts
- file-upload-config.ts
- file-dropzone-config.test.ts
- file-drop-filter.ts
- file-dropzone-state.ts
- file-dropzone.ts
- file-drop-filter.test.ts
- file-upload-component.test.ts
- file-upload-config.test.ts
- file-upload-primitive.test.ts
- file-upload.fixture.ts
- file-upload-state.ts
- file-upload.ts
- index.ts
- ng-package.json
- README.md
- focus-trap.test.ts
- focus-trap-state.ts
- focus-trap.ts
- index.ts
- ng-package.json
- README.md
- description-state.ts
- description.ts
- error-state.ts
- error.ts
- form-control-state.ts
- form-control.ts
- description.test.ts
- error.test.ts
- form-control.test.ts
- form-field-component.test.ts
- form-field-primitive.test.ts
- integration.test.ts
- label.test.ts
- form-field-state.ts
- form-field.ts
- label-state.ts
- label.ts
- index.ts
- ng-package.json
- README.md
- input-component.test.ts
- input-primitive.test.ts
- input-state.ts
- input.ts
- index.ts
- ng-package.json
- README.md
- input-otp-component.test.ts
- input-otp-forms.fixture.ts
- input-otp-forms.test.ts
- input-otp-primitive.test.ts
- input-otp-state.ts
- input-otp.ts
- input-otp-input-state.ts
- input-otp-input.ts
- input-otp-slot-state.ts
- input-otp-slot.ts
- index.ts
- ng-package.json
- README.md
- interactions-config.ts
- focus.test.ts
- focus-interaction.ts
- focus.ts
- focus-visible.test.ts
- focus-visible-interaction.ts
- focus-visible.ts
- hover.test.ts
- hover-interaction.ts
- hover.ts
- interactions.ts
- move.test.ts
- move.ts
- press.test.ts
- press-interaction.ts
- press.ts
- index.ts
- ng-package.json
- README.md
- exit-animation.test.ts
- exit-animation-manager.ts
- exit-animation.ts
- hover-bridge-controller.test.ts
- hover-bridge.test.ts
- transit-tracker.test.ts
- hover-bridge-controller.ts
- hover-bridge.ts
- transit-tracker.ts
- explicit-effect.ts
- style-injector.ts
- resize.test.ts
- dom-removal.ts
- dom-sort.ts
- element-ref.ts
- mutation-observer.ts
- render-list.ts
- resize.ts
- scrolling.ts
- index.ts
- ng-package.json
- README.md
- listbox-component.test.ts
- listbox-forms.fixture.ts
- listbox-forms.test.ts
- listbox-primitive.test.ts
- listbox-section.test.ts
- listbox-trigger.test.ts
- listbox-state.ts
- listbox.ts
- listbox-header-state.ts
- listbox-header.ts
- listbox-option-state.ts
- listbox-option.ts
- listbox-section-state.ts
- listbox-section.ts
- listbox-trigger-state.ts
- listbox-trigger.ts
- index.ts
- ng-package.json
- README.md
- menu-config.ts
- menu-anchor.test.ts
- menu-component.test.ts
- menu-hover-bridge-nested-independence.test.ts
- menu-hover-bridge-sibling-triggers.test.ts
- menu-hover-bridge.test.ts
- menu-item-checkbox.test.ts
- menu-item-radio.test.ts
- menu-positioning.test.ts
- menu-primitive.test.ts
- menu-trigger.test.ts
- nested-submenu.test.ts
- submenu-trigger.test.ts
- menu-state.ts
- menu.ts
- menu-item-state.ts
- menu-item.ts
- menu-item-checkbox-state.ts
- menu-item-checkbox.ts
- menu-item-indicator.ts
- menu-item-radio-state.ts
- menu-item-radio.ts
- menu-item-radio-group-state.ts
- menu-item-radio-group.ts
- menu-trigger-state.ts
- menu-trigger.ts
- menu-trigger-group-cooldown.test.ts
- menu-trigger-group.test.ts
- menu-trigger-group-state.ts
- menu-trigger-group.ts
- submenu-trigger-state.ts
- submenu-trigger.ts
- hover-bridge-pointer.fixture.ts
- index.ts
- ng-package.json
- README.md
- meter-component.test.ts
- meter-forms.fixture.ts
- meter-primitive.test.ts
- meter-state.ts
- meter.ts
- meter-indicator-state.ts
- meter-indicator.ts
- meter-label-state.ts
- meter-label.ts
- meter-track.ts
- meter-value-state.ts
- meter-value.ts
- index.ts
- ng-package.json
- README.md
- navigation-menu-config.ts
- navigation-menu-state.ts
- navigation-menu.ts
- navigation-menu-content-state.ts
- navigation-menu-content.ts
- navigation-menu-content-item-state.ts
- navigation-menu-content-item.ts
- navigation-menu-item-state.ts
- navigation-menu-item.ts
- navigation-menu-link-state.ts
- navigation-menu-link.ts
- navigation-menu-list-state.ts
- navigation-menu-list.ts
- navigation-menu-trigger-state.ts
- navigation-menu-trigger.ts
- navigation-menu-primitive.test.ts
- index.ts
- ng-package.json
- README.md
- number-field-component.test.ts
- number-field-primitive.test.ts
- number-field-state.ts
- number-field.ts
- number-field-decrement-state.ts
- number-field-decrement.ts
- number-field-increment-state.ts
- number-field-increment.ts
- number-field-input-state.ts
- number-field-input.ts
- index.ts
- ng-package.json
- README.md
- pagination-component.test.ts
- pagination-forms.fixture.ts
- pagination-forms.test.ts
- pagination-primitive.test.ts
- pagination-state.ts
- pagination.ts
- pagination-button-state.ts
- pagination-button.ts
- pagination-first-state.ts
- pagination-first.ts
- pagination-last-state.ts
- pagination-last.ts
- pagination-next-state.ts
- pagination-next.ts
- pagination-previous-state.ts
- pagination-previous.ts
- index.ts
- ng-package.json
- README.md
- password-config.ts
- password-primitive.test.ts
- password-state.ts
- password.ts
- password-input-state.ts
- password-input.ts
- password-toggle-state.ts
- password-toggle.ts
- index.ts
- ng-package.json
- README.md
- popover-config.ts
- popover-component.test.ts
- popover-primitive.test.ts
- popover-state.ts
- popover.ts
- popover-arrow-state.ts
- popover-arrow.ts
- popover-trigger-state.ts
- popover-trigger.ts
- index.ts
- ng-package.json
- README.md
- flip.test.ts
- offset.test.ts
- overlay-anchor.test-d.ts
- overlay-anchor.test.ts
- overlay-boundary.test.ts
- overlay-cooldown.test.ts
- overlay-positioning.test.ts
- overlay-trigger-visibility.test.ts
- portal.test.ts
- positioning.test-d.ts
- scroll-strategy.test.ts
- shift.test.ts
- control-container.ts
- flip.ts
- index.ts
- offset.ts
- overlay-arrow-state.ts
- overlay-cooldown.ts
- overlay-registry.ts
- overlay-token.ts
- overlay.ts
- portal.ts
- position.ts
- positioning.ts
- scroll-strategy.ts
- shift.ts
- ng-package.json
- README.md
- progress-component.test.ts
- progress-label.test.ts
- progress-primitive.test.ts
- progress-state.ts
- progress.ts
- progress-indicator-state.ts
- progress-indicator.ts
- progress-label-state.ts
- progress-label.ts
- progress-track-state.ts
- progress-track.ts
- progress-value-state.ts
- progress-value.ts
- index.ts
- ng-package.json
- README.md
- radio-component.test.ts
- radio-forms.fixture.ts
- radio-forms.test.ts
- radio-primitive.test.ts
- radio-group-state.ts
- radio-group.ts
- radio-indicator.ts
- radio-item-state.ts
- radio-item.ts
- index.ts
- ng-package.json
- README.md
- rating-config.ts
- rating-forms.fixture.ts
- rating-forms.test.ts
- rating-primitive.test.ts
- rating-state.ts
- rating.ts
- rating-item-state.ts
- rating-item.ts
- index.ts
- ng-package.json
- README.md
- resize-primitive.test.ts
- resize.ts
- index.ts
- ng-package.json
- README.md
- roving-focus-group.test.ts
- roving-focus-group-state.ts
- roving-focus-group-token.ts
- roving-focus-group.ts
- roving-focus-item-state.ts
- roving-focus-item.ts
- index.ts
- ng-package.json
- README.md
- index.node.test.ts
- index.ts
- README.md
- schema.d.ts
- schema.json
- index.node.test.ts
- index.ts
- schema.d.ts
- schema.json
- index.node.test.ts.snap
- accordion-item.__fileSuffix@dasherize__.ts.template
- accordion.__fileSuffix@dasherize__.ts.template
- avatar.__fileSuffix@dasherize__.ts.template
- button.__fileSuffix@dasherize__.ts.template
- checkbox.__fileSuffix@dasherize__.ts.template
- combobox.__fileSuffix@dasherize__.ts.template
- context-menu-item.__fileSuffix@dasherize__.ts.template
- context-menu.__fileSuffix@dasherize__.ts.template
- date-picker.__fileSuffix@dasherize__.ts.template
- dialog.__fileSuffix@dasherize__.ts.template
- file-upload.__fileSuffix@dasherize__.ts.template
- field.__fileSuffix@dasherize__.ts.template
- input.__fileSuffix@dasherize__.ts.template
- input-otp.__fileSuffix@dasherize__.ts.template
- listbox-option.__fileSuffix@dasherize__.ts.template
- listbox.__fileSuffix@dasherize__.ts.template
- menu-item.__fileSuffix@dasherize__.ts.template
- menu.__fileSuffix@dasherize__.ts.template
- meter.__fileSuffix@dasherize__.ts.template
- native-select.__fileSuffix@dasherize__.ts.template
- number-field.__fileSuffix@dasherize__.ts.template
- pagination.__fileSuffix@dasherize__.ts.template
- password.__fileSuffix@dasherize__.ts.template
- popover-trigger.__fileSuffix@dasherize__.ts.template
- popover.__fileSuffix@dasherize__.ts.template
- progress.__fileSuffix@dasherize__.ts.template
- radio-group.__fileSuffix@dasherize__.ts.template
- radio-item.__fileSuffix@dasherize__.ts.template
- range-slider.__fileSuffix@dasherize__.ts.template
- rating.__fileSuffix@dasherize__.ts.template
- search.__fileSuffix@dasherize__.ts.template
- select.__fileSuffix@dasherize__.ts.template
- separator.__fileSuffix@dasherize__.ts.template
- slider.__fileSuffix@dasherize__.ts.template
- switch.__fileSuffix@dasherize__.ts.template
- tab.__fileSuffix@dasherize__.ts.template
- tabs.__fileSuffix@dasherize__.ts.template
- textarea.__fileSuffix@dasherize__.ts.template
- toast.__fileSuffix@dasherize__.ts.template
- toggle.__fileSuffix@dasherize__.ts.template
- toggle-group-item.__fileSuffix@dasherize__.ts.template
- toggle-group.__fileSuffix@dasherize__.ts.template
- toolbar-button.__fileSuffix@dasherize__.ts.template
- toolbar.__fileSuffix@dasherize__.ts.template
- tooltip-trigger.__fileSuffix@dasherize__.ts.template
- tooltip.__fileSuffix@dasherize__.ts.template
- compiles.node.test.ts
- index.node.test.ts
- index.ts
- schema.d.ts
- schema.json
- attribute-selectors.ts
- changeset.ts
- class-names.ts
- constructor-checks.ts
- css-selectors.ts
- css-tokens.ts
- element-selectors.ts
- index.ts
- input-names.ts
- method-call-checks.ts
- output-names.ts
- property-names.ts
- symbol-removal.ts
- index.ts
- upgrade-data.ts
- search-component.test.ts
- search-forms.fixture.ts
- search-forms.test.ts
- search-primitive.test.ts
- search-state.ts
- search.ts
- search-clear-state.ts
- search-clear.ts
- index.ts
- ng-package.json
- README.md
- select-config.ts
- native-select-state.ts
- native-select.ts
- select-component.test.ts
- select-forms.fixture.ts
- select-forms.test.ts
- select-primitive.test.ts
- select-state.ts
- select.ts
- select-dropdown-state.ts
- select-dropdown.ts
- select-option-state.ts
- select-option.ts
- select-portal-state.ts
- select-portal.ts
- index.ts
- ng-package.json
- README.md
- separator-config.ts
- separator-component.test.ts
- separator-primitive.test.ts
- separator-state.ts
- separator.ts
- index.ts
- ng-package.json
- README.md
- range-slider-component.test.ts
- range-slider-forms.fixture.ts
- range-slider-forms.test.ts
- range-slider-primitive.test.ts
- range-slider-state.ts
- range-slider.ts
- range-slider-range-state.ts
- range-slider-range.ts
- range-slider-thumb-state.ts
- range-slider-thumb.ts
- range-slider-track-state.ts
- range-slider-track.ts
- slider-component.test.ts
- slider-forms.fixture.ts
- slider-forms.test.ts
- slider-primitive.test.ts
- slider-thumb.test.ts
- slider-state.ts
- slider.ts
- slider-range-state.ts
- slider-range.ts
- slider-thumb-state.ts
- slider-thumb.ts
- slider-track-state.ts
- slider-track.ts
- index.ts
- ng-package.json
- README.md
- index.ts
- test-setup.vitest.ts
- vitest-matchers.d.ts
- controlled-state.test.ts
- deprecated-setter.test.ts
- listener.test.ts
- index.ts
- ng-package.json
- README.md
- switch-component.test.ts
- switch-forms.fixture.ts
- switch-forms.test.ts
- switch-primitive.test.ts
- switch-state.ts
- switch.ts
- switch-thumb-state.ts
- switch-thumb.ts
- index.ts
- ng-package.json
- README.md
- tabs-config.ts
- tab-button-state.ts
- tab-button.ts
- tab-list-state.ts
- tab-list.ts
- tab-panel-state.ts
- tab-panel.ts
- tabs-component.test.ts
- tabs-primitive.test.ts
- tabset-state.ts
- tabset.ts
- index.ts
- ng-package.json
- README.md
- textarea-component.test.ts
- textarea-primitive.test.ts
- textarea-state.ts
- textarea.ts
- index.ts
- ng-package.json
- README.md
- toast-config.ts
- toast-component.test.ts
- toast-manager-injector.test.ts
- toast-primitive.test.ts
- toast-timer.test.ts
- toast-context.ts
- toast-manager.ts
- toast-options.ts
- toast-timer.ts
- toast.ts
- index.ts
- ng-package.json
- README.md
- toggle-component.test.ts
- toggle-forms.fixture.ts
- toggle-forms.test.ts
- toggle-primitive.test.ts
- toggle-state.ts
- toggle.ts
- index.ts
- ng-package.json
- README.md
- toggle-group-config.ts
- toggle-group-component.test.ts
- toggle-group-forms.fixture.ts
- toggle-group-forms.test.ts
- toggle-group-primitive.test.ts
- toggle-group-state.ts
- toggle-group.ts
- toggle-group-item-state.ts
- toggle-group-item.ts
- index.ts
- ng-package.json
- README.md
- toolbar-component.test.ts
- toolbar-primitive.test.ts
- toolbar-state.ts
- toolbar.ts
- index.ts
- ng-package.json
- README.md
- tooltip-config.ts
- tooltip-state.ts
- tooltip.ts
- tooltip-arrow-state.ts
- tooltip-arrow.ts
- tooltip-text-content-state.ts
- tooltip-text-content.ts
- tooltip-arrow.test.ts
- tooltip-component.test.ts
- tooltip-config.test.ts
- tooltip-overflow-scale.test.ts
- tooltip-primitive.test.ts
- tooltip-trigger-state.ts
- tooltip-trigger.ts
- index.ts
- ng-package.json
- README.md
- providers.ts
- status.ts
- types.ts
- coercion.test.ts
- disposables.test.ts
- attributes.ts
- coercion.ts
- disposables.ts
- unique-id.ts
- validators.ts
- take-until-destroyed.ts
- index.ts
- index.ts
- ng-package.json
- README.md
- .all-contributorsrc
- collection.json
- eslint.config.js
- migration.json
- ng-package.json
- package.json
- project.json
- README.md
- tsconfig.json
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.schematics.json
- tsconfig.vitest.json
- tsconfig.vitest.node.json
- vite.config.ts
- vitest.node.config.ts
- index.ts
- .all-contributorsrc
- ng-package.json
- package.json
- project.json
- README.md
- tsconfig.json
- tsconfig.lib.json
- tsconfig.lib.prod.json
- api-extraction.ts
- schema.d.ts
- schema.json
- schema.ts
- llms.ts
- schema.d.ts
- schema.json
- mcp-data-extraction.ts
- README.md
- schema.d.ts
- schema.json
- __fileName__-config.ts.template
- generator.ts
- schema.d.ts
- schema.json
- __fileName__.spec.ts.template
- __fileName__.ts.template
- generator.ts
- schema.d.ts
- schema.json
- __name__.md.template
- generator.ts
- schema.d.ts
- schema.json
- __name__.example.ts.template
- generator.ts
- schema.d.ts
- schema.json
- utils.ts
- generator.ts
- schema.d.ts
- schema.json
- __fileName__.ts.template
- index.page.test.ts.template
- index.page.ts.template
- reusable-component.ts
- schema.d.ts
- schema.json
- __fileName__-state.ts.template
- generator.ts
- schema.d.ts
- schema.json
- schema.d.ts
- schema.json
- templates.test.ts
- templates.ts
- __fileName__-token.ts.template
- generator.ts
- schema.d.ts
- schema.json
- index.ts
- index.ts
- eslint.config.js
- executors.json
- generators.json
- package.json
- project.json
- README.md
- tsconfig.json
- tsconfig.lib.json
- vitest.config.ts
- avoid-early-state.ts
- avoid-model.ts
- avoid-state-emit.test.ts
- avoid-state-emit.ts
- prefer-document-from-common.test.ts
- prefer-document-from-common.ts
- prefer-entrypoint-imports.ts
- prefer-state.ts
- require-state-generic.ts
- rxjs-compat.test.ts
- rxjs-compat.ts
- take-until-destroyed.ts
- index.ts
- project.json
- tsconfig.json
- tsconfig.lint.json
- tsconfig.vitest.json
- vitest.config.ts
- .all-contributorsrc
- .editorconfig
- .gitignore
- .mcp.json
- .npmrc
- .nvmrc
- .prettierignore
- .prettierrc
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- CODE_OF_CONDUCT.md
- codecov.yml
- context7.json
- CONTRIBUTING.md
- eslint.config.cjs
- LICENSE
- nx.json
- package.json
- pnpm-lock.yaml
- project.json
- README.md
- STATE_PATTERN_MIGRATION.md
- tsconfig.base.json
# Installation Guide
1. Get the code
git clone https://github.com/ng-primitives/ng-primitives
Downloads the entire project code from GitHub to your computer.
cd ng-primitives
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install ng-primitives
Downloads and installs the libraries listed in package.json.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)