QUI React
NextGen v1.27.0
Components
CTRL
+
K
QUI AI Assistant (QC-only)
Getting Started
Installation
Setup
Next.jsReact RouterTanstack StartVite / Other
Versioning
Integrations
AI Tools
MCPClaude CodeCodex
Plugins
QUI DocsQUI React Best PracticesQUI Angular Best PracticesUI Testing
ESLintTailwind CSS
Theming & Patterns
Theming
OverviewColorsSpacingTypographyZ-Index
Patterns & Best Practices
OverviewIntroduction to JavaScriptAttributes vs. PropertiesChoosing Dependencies
Clean Code
Clean CodeAvoid The Pyramid of Doom
Controlled StateEnumsFrontend MasteryModern package.json exportsProject StructureTypeScript ConfigsTypeScript Style Guide
Composition
Polymorphic ComponentsRender Props
Components
OverviewAccordionAlert Banner
Avatar
Badges
Icon Badge
Number Badge
Status Badge
Text Badge
BreadcrumbsButtonButton GroupCard
Beta
CheckboxCheckbox Group
CollapsibleComboboxDialogDividerDrawerFile Input
Beta
Header BarIconIcon ButtonInline Icon ButtonInline Notification
LinkMenuNumber InputPaginationPassword InputPopoverProgressProgress RingRadioSegmented ControlSelectSide NavSliderStepper
Beta
SwitchSwitch Group
TableTabsTagText Area
Text InputToast NotificationTooltipTree
  1. Home
  2. Patterns & Best Practices
  3. Overview

Overview

These guides were developed for internal Qualcomm use and are now available for general reference. The recommendations reflect our experience and may not be applicable to every situation.

Last updated on Nov 14, 2025 by Ryan Bower
Z-Index
Theming
Introduction to JavaScript
Copyright © 2026 QUALCOMM incorporated. All rights reserved. This site is built with QUI Docs. Head over to the template repository to start building.