Components & Patterns

Mobile Prototypes

Interactive mobile interaction prototypes (bottom sheets, action sheets, drawers) for the component migration table

TextArea Counter

Explore where the character counter sits on the TextArea — below, inline with the label, or overlaid inside the field

Card Examples

Astryx components showcased in realistic card compositions

Table Overview

Data table patterns and configurations

Side Navigation

Side navigation layout patterns

Top Navigation

Top navigation bar with menu integration

Mega Menu

Full-width dropdown navigation menu

Link Patterns

Flexible link component with router integration

Motion Examples

Duration and easing tokens applied to common animation patterns

App Shell

Experiment with app shell layouts and navigation

Component Overview

General component composition examples

Tap Targets (AA)

WCAG 2.5.8 AA touch-target sizes visualized on real components