Modern Angular 20 UI Library based on TailwindCSS
A cross-platform React button component with primary/secondary variants, multiple color tones, sizes, loading states, and icon support. Works on both React (web) and React Native.
Core type definitions for XUI primitives
Internal web primitives for the Xsolla UI Toolkit. Not intended for direct consumer use.
Internal native primitives for the Xsolla UI Toolkit. Not intended for direct consumer use.
A hover- or focus-triggered popover that displays contextual information next to a trigger element. Web-only rendering (uses a portal); on React Native the trigger is rendered without the tooltip surface.
A cross-platform React modal dialog system. A provider/context/hook trio drives a stack of dialogs supporting three presentation types (`popup`, `bottom-sheet`, `full-screen`), structured headers, focus trapping, and programmatic open/close on both web an
A cross-platform dropdown menu that displays a list of actions when triggered; supports controlled and uncontrolled modes.
Convenience meta-package that re-exports every feedback component from the toolkit. Install one package instead of many; refer to each component's own page for detailed API and accessibility notes.
A slide-in panel that opens from the right edge of the screen for B2B settings, multi-step flows, and auxiliary content. Supports an optional stepper sidebar for guided wizards.
Floating, transient feedback for B2B page layouts. Toasts slide in from a fixed corner of the viewport, auto-dismiss after a few seconds, and stack vertically. Use for brief confirmations and non-blocking status messages.
A slot-based application header with `StartSlot`, `Center`, and `EndSlot` regions. Three height variants for compact, standard, and marketing layouts.
Convenience meta-package that re-exports every form-control component from the toolkit. Install one package instead of many; refer to each component's own page for detailed API and accessibility notes.
Modern Angular 20 UI Library based on TailwindCSS
Design system foundation providing theming, context, design tokens, and shared utilities for the XUI toolkit.
A small curated set of icons backed by `lucide-icon-platform` and rendered through the cross-platform `<Icon>` primitive from `@xsolla/xui-primitives`. Each icon scales with its container.
A full-width horizontal notification bar for persistent inline feedback within B2B page layouts. Stays in place until dismissed and is designed to sit inline within a page or panel rather than as a floating overlay.
A cross-platform React component for displaying image thumbnails with overlays, tags at all four corners, and center content (like play buttons). Perfect for video thumbnails, screenshot galleries, and media previews.
A click-triggered popover that shows rich content (title, body, footer) anchored to a trigger element. Cross-platform via `@xsolla/xui-primitives`; click-outside and Escape dismissal are web-only.
A control for picking one or several options from a linear set of closely related options; useful for filtering or sorting.
Convenience meta-package that re-exports every display component from the toolkit. Install one package instead of many; refer to each component's own page for detailed API and accessibility notes.
A cross-platform toast notification system matching the base Figma toast. Use it for short, non-blocking feedback with a title, optional description, optional action, and automatic or manual dismissal.
A full-width horizontal notification bar for persistent inline notifications within page layouts. Cross-platform (web and React Native) via `@xsolla/xui-primitives`.
Common nodejs library components for XUI
No description provided.
No description provided.