All components@axonyx/react

All components

Browse Axonyx components by category. Each component page contains examples, combinations, usage notes, and an API section that links to the lower-level reference pages.

Component docs model

Component pages are for learning and real UI combinations. API pages are for exact props, imports, CSS classes, and data attributes.

Inputs

Actions, form controls, and deliberate machine controls.

Button

Primary actions, secondary actions, ghost controls, and forged rivet buttons.

Forms

Complete form workflows built from fields, inputs, textareas, selects, and choices.

Field

Lower-level labels, hints, validation messages, and control composition.

InputGroup

Inputs, semantic prefixes, suffixes, and actions inside one control boundary.

Combobox

Browser-native searchable selection for forms, filters, and content relations.

Toggle

Native single- and multiple-selection groups with Foundry surfaces.

Command

Command palette surface for search, quick navigation, and CMS actions.

MachineSwitch

A physical-feeling Foundry switch for important binary state.

Surfaces

Panels, cards, shells, and layout primitives.

Container

Responsive page width, horizontal padding, fluid mode, and layout recipes.

Grid

Fixed columns or intrinsic tracks for responsive content composition.

Stack

Vertical rhythm with semantic spacing and cross-axis alignment.

Flex

Directional layout with wrapping, distribution, and mobile collapse.

Cluster

Wrapping inline composition for actions, badges, filters, and compact controls.

Box

Low-level spacing and material boundary for custom compositions.

Surface

Semantic Foundry panel with brushed, inset, and forged treatments.

Section

Page section with width, rhythm, alignment, and optional heading content.

Inset

Semantic inner spacing wrapper driven by Foundry tokens.

Bleed

Safe gutter escape with explicit viewport mode for edge-to-edge media.

Center

Two-axis centering for empty states, auth panels, and focused messages.

Card

The core Foundry surface for panels, docs blocks, and dashboard modules.

AppShell

Workspace layout frame for admin, CMS, and dashboard interfaces.

ScrollArea

Focusable bounded overflow with Foundry scrollbars and optional edge fade.

Feedback

Signals, alerts, status, and focused overlays.

Alert

Inline feedback for info, warning, success, and danger states.

Spinner

Accessible loading status for actions, streams, builds, and background work.

StatusLamp

Compact runtime health and CMS publishing status signals.

Tooltip

Short contextual hints without requiring a client island.

Toast

Transient notifications for publish, save, and deploy flows.

Data display

Tables, progress, lists, metrics, and structured content.

Table

Semantic responsive tables for dashboards, CMS lists, and build data.

Badge and Chip

Small labels, tags, metadata, and identity markers.

Avatar

User, team, project, and CMS owner identity markers.

List

Compact structured rows for routes, entries, users, and queues.

Stat

Dashboard metrics with label, value, delta, and tone.

Progress

Completion bars for builds, migrations, uploads, and workflows.

Pagination

Accessible paged navigation for lists, docs, and CMS results.

Skeleton

Loading placeholders for lines, avatars, and cards.

EmptyState

No-content surfaces with explanation and next actions.

Client controls

Small interactive islands for Next.js client components.

Tabs

Switch between related panels without navigating away.

DropdownMenu

A compact command surface for grouped links and actions.

Accordion

Single-open disclosure panels for sidebars, FAQs, and docs sections.

Dialog

A focused modal primitive for confirmation and important editing flows.

AlertDialog

Explicit confirmation boundary for consequential and destructive actions.

Popover

A contextual panel for compact filters, help, and local actions.

Drawer

A side or bottom panel for navigation, settings, and CMS controls.