NEURALNG
COMPONENTS

Choose the right primitive

Search by component, category, package entry point or the problem you need to solve. Every result links to interactive behavior, accessibility, API and token documentation.

Search components

48 of 48 components

NavigationBeta

Breadcrumb

Show the current location inside a route hierarchy.

@neural-ng/core/breadcrumbOpen documentation
NavigationBeta

Menu

Present commands, links and nested action groups.

@neural-ng/core/menuOpen documentation
NavigationBeta

PanelMenu

Navigate expandable hierarchical sections.

@neural-ng/core/panel-menuOpen documentation
NavigationBeta

Sidebar

Compose persistent, collapsible and responsive application navigation.

@neural-ng/core/sidebarOpen documentation
ContentBeta

Accordion

Reveal collapsible content panels one section at a time.

@neural-ng/core/accordionOpen documentation
ContentBeta

Tabs

Switch between related panels without leaving the page.

@neural-ng/core/tabsOpen documentation
ContentBeta

Card

Compose titled content, media and actions on one surface.

@neural-ng/core/cardOpen documentation
DataBeta

DataView

Render a collection with list/grid layout and sorting.

@neural-ng/core/data-viewOpen documentation
DataBeta

Tree

Explore and select hierarchical data inline.

@neural-ng/core/treeOpen documentation
DataBeta

TreeSelect

Choose hierarchical values from a compact overlay.

@neural-ng/core/tree-selectOpen documentation
DataBeta

VirtualScroller

Window large vertical or horizontal collections.

@neural-ng/core/virtual-scrollerOpen documentation
DataBeta

Table

Present, query, select and edit structured records.

@neural-ng/core/tableOpen documentation
DataBeta

Paginator

Navigate a known or remote paged collection.

@neural-ng/core/paginatorOpen documentation
ButtonBeta

Button

Trigger a native, accessible application action.

@neural-ng/core/buttonOpen documentation
FormsBeta

AutoComplete

Suggest local or remote values while the user types.

@neural-ng/core/auto-completeOpen documentation
FormsBeta

Checkbox

Choose binary or tri-state independent values.

@neural-ng/core/checkboxOpen documentation
FormsBeta

Field

Connect labels, hints, errors and control state.

@neural-ng/core/fieldOpen documentation
FormsBeta

Input

Apply NeuralNg state and styling to native text input.

@neural-ng/core/inputOpen documentation
FormsBeta

Textarea

Capture multi-line text with resizing and counters.

@neural-ng/core/textareaOpen documentation
FormsBeta

Radio

Choose exactly one value from a visible group.

@neural-ng/core/radioOpen documentation
FormsBeta

Slider

Choose one value or a range on a continuous track.

@neural-ng/core/sliderOpen documentation
FormsBeta

Switch

Toggle an immediately applied boolean setting.

@neural-ng/core/switchOpen documentation
FormsBeta

FileUpload

Select, validate and upload files with progress.

@neural-ng/core/file-uploadOpen documentation
FormsBeta

InputMask

Constrain editable text to a deterministic mask.

@neural-ng/core/input-maskOpen documentation
FormsBeta

Password

Capture passwords with reveal and strength feedback.

@neural-ng/core/passwordOpen documentation
FormsBeta

InputNumber

Edit localized numeric, currency or percent values.

@neural-ng/core/input-numberOpen documentation
FormsBeta

InputOtp

Enter a fixed-length verification code.

@neural-ng/core/input-otpOpen documentation
FormsBeta

Editor

Create structured rich text and collaborative content.

@neural-ng/editorOpen documentation
FormsBeta

Select

Choose one value from a local option collection.

@neural-ng/core/selectOpen documentation
FormsBeta

MultiSelect

Choose multiple values with chips and filtering.

@neural-ng/core/multi-selectOpen documentation
FormsBeta

DatePicker

Choose dates, ranges, months, years and time.

@neural-ng/core/date-pickerOpen documentation
OverlayBeta

LoadingOverlay

Block a region or viewport while work is pending.

@neural-ng/core/loading-overlayOpen documentation
OverlayBeta

Popover

Show arbitrary interactive content near a trigger.

@neural-ng/core/popoverOpen documentation
OverlayBeta

Tooltip

Expose a short non-interactive description on demand.

@neural-ng/core/tooltipOpen documentation
OverlayBeta

Dialog

Request focused modal or non-modal interaction.

@neural-ng/core/dialogOpen documentation
OverlayBeta

Drawer

Reveal an edge-aligned task or navigation surface.

@neural-ng/core/drawerOpen documentation
OverlayBeta

ConfirmDialog

Ask for explicit confirmation through a service.

@neural-ng/core/confirm-dialogOpen documentation
FeedbackBeta

Message

Render persistent contextual feedback inside content.

@neural-ng/core/messageOpen documentation
FeedbackBeta

Toast

Deliver transient global feedback through channels.

@neural-ng/core/toastOpen documentation
FeedbackBeta

ProgressBar

Show determinate or indeterminate linear progress.

@neural-ng/core/progress-barOpen documentation
FeedbackBeta

ProgressSpinner

Show compact indeterminate activity.

@neural-ng/core/progress-spinnerOpen documentation
FeedbackBeta

Skeleton

Reserve layout while content is being loaded.

@neural-ng/core/skeletonOpen documentation
MiscBeta

Avatar

Represent a person or entity with image, initials or icon.

@neural-ng/core/avatarOpen documentation
MiscBeta

Badge

Attach a compact count or status to another element.

@neural-ng/core/badgeOpen documentation
MiscBeta

Tag

Display a standalone category, state or removable label.

@neural-ng/core/tagOpen documentation
MiscBeta

Toolbar

Group related actions with keyboard navigation.

@neural-ng/core/toolbarOpen documentation
MiscBeta

MeterGroup

Compare multiple scalar measurements in one range.

@neural-ng/core/meter-groupOpen documentation
MiscBeta

Divider

Separate related content with optional labeling.

@neural-ng/core/dividerOpen documentation