astryx

Set up the @astryxdesign/build package for StyleX Astryx source builds. Get zero-config Vite pipeline to compile Astryx components into production-ready modules and CSS.

Learn to use Astryx VegaChart and chart components for powerful data visualization in React. Effortlessly integrate and manage Vega specs for dynamic charts.

Discover how the Astryx SideNav component manages collapsible navigation using props, state, and a collapse context for controlled or uncontrolled modes. Learn more!

Learn to use Astryx SegmentedControl for accessible tab-like interfaces. This component offers icons, disabled states, and responsive layouts for seamless navigation.

Learn to implement accessible Dialog and AlertDialog components using Astryx. Astryx ensures proper focus management, labeling, and dismissal for native dialogs.

Master the Astryx Carousel component for dynamic image and content rotation. Learn to implement fade-edge masks, navigation, and programmatic control for seamless user experiences.

Discover how the Astryx Resizable component manages panel resizing with its useResizable hook, offering size clamping, snap points, collapse states, and localStorage persistence.

Learn to implement form validation with Astryx FormLayout and Field components. Easily trigger error UI and manage layout for accessible forms.

Learn to use Astryx DateTimeInput and Calendar components for easy date picking. This guide covers their integration for accessible date and time selection.

Discover how the Astryx RichTextEditor component masterfully handles text editing with Lexical integration. Explore its powerful features and learn how to control it.

Learn to use Astryx Chat components ChatMessageList and ChatComposerInput for accessible message histories and rich text input. Explore triggers tokens and custom send behaviors.

Discover how the Astryx Icon system and globalIconRegistry manage icons with theme-aware overrides, extensions, and universal rendering for React applications.