QUI React
NEXTGEN
Components
CTRL
+
K
Getting Started
Installation
Setup
Next.js
React Router
Vite / Webpack / etc.
Theming & Patterns
Theming
Overview
Tailwind CSS
Colors
Typography
Z-Index
Patterns & Best Practices
Overview
Introduction to JavaScript
Attributes vs. Properties
Choosing Dependencies
Clean Code
Clean Code
Avoid The Pyramid of Doom
Controlled State
Enums
Frontend Mastery
Modern package.json exports
Project Structure
TypeScript Style Guide
Composition
Polymorphic Components
Render Props
Components
All Components
Buttons
Button
Button Group
Icon Button
Inline Icon Button
Form Controls
Checkbox
Combobox
Number Input
Password Input
Radio
Select
Slider
Switch
Text Input
Data Display
Avatar
Divider
Header Bar
Icon
Link
Segmented Control
Table
Tag
Overlays
Dialog
Drawer
Menu
Popover
Tooltip
Disclosure
Accordion
Breadcrumbs
Collapsible
Pagination
Side Nav
Tabs
Tree
Feedback
Inline Notification
Progress
Progress Ring
Toast Notification
Troubleshooting
  1. Home
  2. All Components

All Components

Accordion

Accordion

Alert Banner

Alert Banner

Avatar

Avatar

Badge

Badge

Breadcrumbs

Breadcrumbs

Button Group

Button Group

Button

Button

Checkbox

Checkbox

Dialog

Dialog

Divider

Divider

Inline Notification

Inline Notification

Link

Link

Menu

Menu

Notification

Notification

Number Input

Number Input

Pagination

Pagination

Password Input

Password Input

Popover

Popover

Progress Bar

Progress Bar

Progress Circle

Progress Circle

Radio

Radio

Search Input

Search Input

Select

Select

Slider

Slider

Switch

Switch

Tabs

Tabs

Tag

Tag

Text Area

Text Area

Text Input

Text Input

Tooltip

Tooltip

Tree

Tree

Render Props
Button
Copyright © 2026 QUALCOMM incorporated. All rights reserved. This site is built with QUI Docs. Head over to the template repository to start building.