Components
- Accordion
- Alert
- Avatar
- Badge
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Carousel
- Checkbox
- Clipboard
- Collapsible
- Color Picker
- Combobox
- Data Table
- Date Picker
- Description List
- Dropdown Button
- Empty
- Form
- Group Box
- Hover Card
- Icon
- Image
- Input
- Input Group
- Kbd
- Label
- Link
- List
- Marker
- Menu
- Message
- Notification
- Number Input
- Pagination
- Popover
- Progress
- Progress Circle
- Radio
- Rating
- Resizable
- Scrollable
- Select
- Separator
- Sheet
- Shimmer
- Sidebar
- Skeleton
- Slider
- Spinner
- Status Bar
- Stepper
- Switch
- Table
- Tabs
- Tag
- Textarea
- Time Field
- Title Bar
- Toggle
- Toggle Group
- Toolbar
- Tooltip
- Tree
- Virtual List
Every GPUI Kit component, the Avalonia control that carries its look, and how far the port goes.
The table lists each GPUI Kit component the library ports, the Avalonia control (or the new gpui: control) that carries its look, and the optional package when the theme is not in AvaloniaUIKit itself. A control written as TextBox.group is the control with that style class; one written as ProgressBar (GpuiSpinner) is the control with that named theme.
The status means:
- Full: the control's look and motion are covered.
- Partial: the documented part of the control is themed. The GPUI Kit features beyond it are listed on the component's page under "Not covered", and the theme does not try to rebuild them.
- New control: a small control the library adds because Avalonia has no counterpart.
| Component | GPUI Kit | Avalonia | Status | Package |
|---|---|---|---|---|
| Accordion | Accordion | Expander, StackPanel.accordion | Partial | – |
| Alert | Alert | gpui:Alert | New control | – |
| Avatar | Avatar, AvatarGroup | gpui:Avatar, gpui:AvatarGroup | New control | – |
| Badge | Badge | gpui:Badge | New control | – |
| Breadcrumb | Breadcrumb | gpui:Breadcrumb, gpui:BreadcrumbItem | New control | – |
| Bubble | Bubble | gpui:Bubble | New control | – |
| Button | Button | Button | Full | – |
| Button Group | ButtonGroup | StackPanel.button-group | Partial | – |
| Calendar | Calendar | Calendar | Partial | – |
| Carousel | Carousel | Carousel, PipsPager.carousel | Partial | – |
| Checkbox | Checkbox | CheckBox | Full | – |
| Clipboard | Clipboard | gpui:Clipboard | New control | – |
| Collapsible | Collapsible | Expander (GpuiCollapsible) | Partial | – |
| Color Picker | ColorPicker | ColorPicker | Partial | AvaloniaUIKit.ColorPicker |
| Combobox | Combobox | ComboBox.combobox, AutoCompleteBox | Partial | – |
| Data Table | DataTable | TableView, DataGrid | Partial | AvaloniaUIKit.DataGrid |
| Date Picker | DatePicker | CalendarDatePicker | Partial | – |
| Description List | DescriptionList | gpui:DescriptionList | New control | – |
| Dropdown Button | DropdownButton | SplitButton | Full | – |
| Empty | Empty | gpui:EmptyState | New control | – |
| Form | Form, Field | gpui:Form, gpui:FormField | New control | – |
| Group Box | GroupBox | GroupBox | Full | – |
| Hover Card | HoverCard | gpui:HoverCard | New control | – |
| Icon | Icon | PathIcon | Partial | – |
| Image | Image | Image | Partial | – |
| Input | Input | TextBox | Partial | – |
| Input Group | InputGroup | TextBox.group | Partial | – |
| Kbd | Kbd | gpui:Kbd | New control | – |
| Label | Label | TextBlock.label, Label | Partial | – |
| Link | Link | HyperlinkButton | Full | – |
| List | List | ListBox | Partial | – |
| Marker | Marker | gpui:Marker | New control | – |
| Menu | Menu, ContextMenu, DropdownMenu, AppMenuBar | Menu, ContextMenu, MenuFlyout | Full | – |
| Message | Message | gpui:Message | New control | – |
| Notification | Notification | WindowNotificationManager, NotificationCard | Partial | – |
| Number Input | NumberInput | NumericUpDown | Full | – |
| Pagination | Pagination | PipsPager | Partial | – |
| Popover | Popover | Flyout | Partial | – |
| Progress | Progress | ProgressBar | Full | – |
| Progress Circle | ProgressCircle | ProgressBar (GpuiProgressCircle) | Partial | – |
| Radio | Radio | RadioButton | Full | – |
| Rating | Rating | gpui:Rating | New control | – |
| Resizable | Resizable | GridSplitter | Partial | – |
| Scrollable | Scrollable, Scrollbar | ScrollViewer | Full | – |
| Select | Select | ComboBox | Partial | – |
| Separator | Separator | Separator | Full | – |
| Sheet | Sheet | DrawerPage.sheet | Partial | – |
| Shimmer | Shimmer | gpui:ShimmerText | New control | – |
| Sidebar | Sidebar | SplitView, DrawerPage | Partial | – |
| Skeleton | Skeleton | gpui:Skeleton | New control | – |
| Slider | Slider | Slider | Partial | – |
| Spinner | Spinner | ProgressBar (GpuiSpinner) | Full | – |
| Status Bar | StatusBar | gpui:StatusBar | New control | – |
| Stepper | Stepper | gpui:Stepper | New control | – |
| Switch | Switch | ToggleSwitch | Full | – |
| Table | Table | TableView (GpuiTable) | Partial | – |
| Tabs | Tabs, TabBar | TabStrip, TabControl | Partial | – |
| Tag | Tag | gpui:TagLabel | New control | – |
| Textarea | Textarea | TextBox (AcceptsReturn) | Partial | – |
| Time Field | TimeField | TimePicker | Partial | – |
| Title Bar | TitleBar | WindowDrawnDecorations | Partial | – |
| Toggle | Toggle | ToggleButton | Full | – |
| Toggle Group | ToggleGroup | ListBox.toggle-group | Partial | – |
| Toolbar | Toolbar | CommandBar | Partial | – |
| Tooltip | Tooltip | ToolTip | Full | – |
| Tree | Tree | TreeView | Partial | – |
| Virtual List | VirtualList | ListBox, VirtualizingStackPanel | Partial | – |
Not covered
GPUI Kit components that need a mechanism of their own (a modal layer, search, docking, an editor, charts) are not ported:
- Dialog / AlertDialog
- OtpInput
- Command
- Dock
- Settings
- Questionnaire
- Editor
- TextView / Markdown
- Chart
- Plot
- Speech
- Attachment
- MessageScroller
On This Page
Not covered