Components Overview

The Component Architect.

A structured catalog of the primitives that power Alpha UI, organized to feel like a proper design system.

Normal Details

This page shows only the components currently created and documented in the package.

Technical Details

Categories mirror the actual docs anchors and library exports to keep references implementation-accurate.

Groups

4

Components

27

Docs

Ready

Basic

Core building blocks for inputs, feedback, and content surfaces.

Button

Variants, colors, sizes, loading states.

DocumentationOpen

Input

Label, helper text, error, and validation.

DocumentationOpen

TextField

Unified field with multiline and select modes.

DocumentationOpen

Textarea

Multi-line input with a consistent API.

DocumentationOpen

Select

Styled native select with status states.

DocumentationOpen

Calendar

Date input primitive with helper text.

DocumentationOpen

Checkbox

Accessible boolean input with labels.

DocumentationOpen

RadioGroup

Single-choice groups with row layout support.

DocumentationOpen

Switch

Boolean toggles with label placement options.

DocumentationOpen

Card

Surface for grouping related content.

DocumentationOpen

Badge

Compact labels for states and categories.

DocumentationOpen

Alert

Informational and actionable callouts.

DocumentationOpen

Avatar

Identity component with image and fallback.

DocumentationOpen

Layout

Structure primitives for app shells and responsive alignment.

Container

Centered page wrapper with size presets.

DocumentationOpen

Grid

Responsive grid for page-level sections.

DocumentationOpen

Navbar

Top navigation with brand and links.

DocumentationOpen

Sidebar

Vertical navigation with active states.

DocumentationOpen

Interactive

Focus management and gesture-driven components for complex UI.

Modal

Dialog layer for confirmation and tasks.

DocumentationOpen

Dropdown

Action menu for contextual commands.

DocumentationOpen

Tabs

Tabbed content organization.

DocumentationOpen

Accordion

Disclosure panels for dense content.

DocumentationOpen

Tooltip

Hover and focus helper text.

DocumentationOpen

Toast

Transient feedback and notifications.

DocumentationOpen

Data

Display and navigation primitives for structured information.

Table

Semantic tables with row and cell parts.

DocumentationOpen

Pagination

Page navigation for large datasets.

DocumentationOpen

Stepper

Progress indicator for multi-step flows.

DocumentationOpen

TransferList

Move items between lists.

DocumentationOpen