Skip to main content

Components

The catalogue follows the stock shadcn component order. Each page maps the public name to a Qt widget, a native C++ example and the relevant ownership and accessibility notes.

The catalogue thumbnails are native Qt captures. Open a component page to use its interactive Qt WebAssembly preview and view the C++ example. The optional video player currently runs as a desktop example.

Static Accordion preview from the Qt galleryStatic Accordion preview from the Qt gallery

Accordion

Static native Qt capture.

Static Alert preview from the Qt galleryStatic Alert preview from the Qt gallery

Alert

Static native Qt capture.

Static Alert dialog preview from the Qt galleryStatic Alert dialog preview from the Qt gallery

Alert dialog

Static native Qt capture.

Static Aspect ratio preview from the Qt galleryStatic Aspect ratio preview from the Qt gallery

Aspect ratio

Static native Qt capture.

Static Attachment preview from the Qt galleryStatic Attachment preview from the Qt gallery

Attachment

Static native Qt capture.

Static Avatar preview from the Qt galleryStatic Avatar preview from the Qt gallery

Avatar

Static native Qt capture.

Static Badge preview from the Qt galleryStatic Badge preview from the Qt gallery

Badge

Static native Qt capture.

Static Breadcrumb preview from the Qt galleryStatic Breadcrumb preview from the Qt gallery

Breadcrumb

Static native Qt capture.

Static Bubble preview from the Qt galleryStatic Bubble preview from the Qt gallery

Bubble

Static native Qt capture.

Static Button preview from the Qt galleryStatic Button preview from the Qt gallery

Button

Static native Qt capture.

Static Button group preview from the Qt galleryStatic Button group preview from the Qt gallery

Button group

Static native Qt capture.

Static Calendar preview from the Qt galleryStatic Calendar preview from the Qt gallery

Calendar

Static native Qt capture.

Static Card preview from the Qt galleryStatic Card preview from the Qt gallery

Card

Static native Qt capture.

Static Carousel preview from the Qt galleryStatic Carousel preview from the Qt gallery

Carousel

Static native Qt capture.

Static Chart preview from the Qt galleryStatic Chart preview from the Qt gallery

Chart

Static native Qt capture.

Static Checkbox preview from the Qt galleryStatic Checkbox preview from the Qt gallery

Checkbox

Static native Qt capture.

Static Collapsible preview from the Qt galleryStatic Collapsible preview from the Qt gallery

Collapsible

Static native Qt capture.

Static Combobox preview from the Qt galleryStatic Combobox preview from the Qt gallery

Combobox

Static native Qt capture.

Static Command preview from the Qt galleryStatic Command preview from the Qt gallery

Command

Static native Qt capture.

Static Context menu preview from the Qt galleryStatic Context menu preview from the Qt gallery

Context menu

Static native Qt capture.

Static Dialog preview from the Qt galleryStatic Dialog preview from the Qt gallery

Dialog

Static native Qt capture.

Static Direction preview from the Qt galleryStatic Direction preview from the Qt gallery

Direction

Static native Qt capture.

Static Drawer preview from the Qt galleryStatic Drawer preview from the Qt gallery

Drawer

Static native Qt capture.

Static Dropdown menu preview from the Qt galleryStatic Dropdown menu preview from the Qt gallery

Dropdown menu

Static native Qt capture.

Static Empty preview from the Qt galleryStatic Empty preview from the Qt gallery

Empty

Static native Qt capture.

Static Field preview from the Qt galleryStatic Field preview from the Qt gallery

Field

Static native Qt capture.

Static Form preview from the Qt galleryStatic Form preview from the Qt gallery

Form

Static native Qt capture.

Static Hover card preview from the Qt galleryStatic Hover card preview from the Qt gallery

Hover card

Static native Qt capture.

Static Input preview from the Qt galleryStatic Input preview from the Qt gallery

Input

Static native Qt capture.

Static Input group preview from the Qt galleryStatic Input group preview from the Qt gallery

Input group

Static native Qt capture.

Static Input OTP preview from the Qt galleryStatic Input OTP preview from the Qt gallery

Input OTP

Static native Qt capture.

Static Item preview from the Qt galleryStatic Item preview from the Qt gallery

Item

Static native Qt capture.

Static Kbd preview from the Qt galleryStatic Kbd preview from the Qt gallery

Kbd

Static native Qt capture.

Static Label preview from the Qt galleryStatic Label preview from the Qt gallery

Label

Static native Qt capture.

Static Marker preview from the Qt galleryStatic Marker preview from the Qt gallery

Marker

Static native Qt capture.

Static Menubar preview from the Qt galleryStatic Menubar preview from the Qt gallery

Menubar

Static native Qt capture.

Static Message preview from the Qt galleryStatic Message preview from the Qt gallery

Message

Static native Qt capture.

Static Message scroller preview from the Qt galleryStatic Message scroller preview from the Qt gallery

Message scroller

Static native Qt capture.

Static Native select preview from the Qt galleryStatic Native select preview from the Qt gallery

Native select

Static native Qt capture.

Static Navigation menu preview from the Qt galleryStatic Navigation menu preview from the Qt gallery

Navigation menu

Static native Qt capture.

Static Pagination preview from the Qt galleryStatic Pagination preview from the Qt gallery

Pagination

Static native Qt capture.

Static Popover preview from the Qt galleryStatic Popover preview from the Qt gallery

Popover

Static native Qt capture.

Static Progress preview from the Qt galleryStatic Progress preview from the Qt gallery

Progress

Static native Qt capture.

Static Questionnaire preview from the Qt galleryStatic Questionnaire preview from the Qt gallery

Questionnaire

Static native Qt capture.

Static Radio group preview from the Qt galleryStatic Radio group preview from the Qt gallery

Radio group

Static native Qt capture.

Static Resizable preview from the Qt galleryStatic Resizable preview from the Qt gallery

Resizable

Static native Qt capture.

Static Scroll area preview from the Qt galleryStatic Scroll area preview from the Qt gallery

Scroll area

Static native Qt capture.

Static Select preview from the Qt galleryStatic Select preview from the Qt gallery

Select

Static native Qt capture.

Static Separator preview from the Qt galleryStatic Separator preview from the Qt gallery

Separator

Static native Qt capture.

Static Sheet preview from the Qt galleryStatic Sheet preview from the Qt gallery

Sheet

Static native Qt capture.

Static Sidebar preview from the Qt galleryStatic Sidebar preview from the Qt gallery

Sidebar

Static native Qt capture.

Static Skeleton preview from the Qt galleryStatic Skeleton preview from the Qt gallery

Skeleton

Static native Qt capture.

Static Slider preview from the Qt galleryStatic Slider preview from the Qt gallery

Slider

Static native Qt capture.

Static Sonner preview from the Qt galleryStatic Sonner preview from the Qt gallery

Sonner

Static native Qt capture.

Static Spinner preview from the Qt galleryStatic Spinner preview from the Qt gallery

Spinner

Static native Qt capture.

Static Switch preview from the Qt galleryStatic Switch preview from the Qt gallery

Switch

Static native Qt capture.

Static Table preview from the Qt galleryStatic Table preview from the Qt gallery

Table

Static native Qt capture.

Static Tabs preview from the Qt galleryStatic Tabs preview from the Qt gallery

Tabs

Static native Qt capture.

Static Textarea preview from the Qt galleryStatic Textarea preview from the Qt gallery

Textarea

Static native Qt capture.

Static Toast preview from the Qt galleryStatic Toast preview from the Qt gallery

Toast

Static native Qt capture.

Static Toggle preview from the Qt galleryStatic Toggle preview from the Qt gallery

Toggle

Static native Qt capture.

Static Toggle group preview from the Qt galleryStatic Toggle group preview from the Qt gallery

Toggle group

Static native Qt capture.

Static Tooltip preview from the Qt galleryStatic Tooltip preview from the Qt gallery

Tooltip

Static native Qt capture.

Recipes​

Static Date picker preview from the Qt galleryStatic Date picker preview from the Qt gallery

Date picker

A native date selection recipe.

Static Data table preview from the Qt galleryStatic Data table preview from the Qt gallery

Data table

A model and proxy table recipe.

Typography recipe

Full catalogue​

AccordionAlertAlert dialogAspect ratioAttachmentAvatarBadgeBreadcrumbBubbleButtonButton groupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext menuDialogDirectionDrawerDropdown menuEmptyFieldFormHover cardInputInput groupInput OTPItemKbdLabelMarkerMenubarMessageMessage scrollerNative selectNavigation menuPaginationPopoverProgressQuestionnaireRadio groupResizableScroll areaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle groupTooltip