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.

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.

Card

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

AppShell

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

Feedback

Signals, alerts, status, and focused overlays.

Alert

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

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.

Popover

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

Drawer

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