QUI React
NextGen v1.6.4
Components
QUI Ecosystem
CTRL
+
K
QUI AI Assistant (QC-only)
Getting Started
Installation
Setup
Next.js
React Router
Tanstack Start
Vite / Other
Integrations & Configs
ESLint
Tailwind CSS
Theming & Patterns
Theming
Overview
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
Overview
Buttons
Button
Button Group
Icon Button
Inline Icon Button
Form Controls
Checkbox
Combobox
Number Input
Password Input
Radio
Select
Slider
Switch
Text Area
Text Input
Data Display
Avatar
Badges
Icon Badge
Number Badge
Status Badge
Text Badge
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
Home
Setup
Tanstack Start
Tanstack Start
Copy Page
Coming soon™
React Router
Vite / Other