Components

Every component the library covers: themes for Avalonia's own controls with the attached properties that add what they lack, and new controls in the uikit: namespace.

Buttons Components

• Button – A button in every color, modifier and size, as classes on Avalonia's Button
• Button Group – Buttons joined into one bar, sharing their inner edges and keeping only the outer corners
• Dropdown Button – A button with a caret half that opens a menu, as Avalonia's SplitButton; or a button with a caret, as DropDownButton
• Link – A text link in the link color, as HyperlinkButton
• Toggle – A toggle button, ghost or outlined, as ToggleButton
• Toggle Group – Toggles that select one or several items, as a ListBox with the toggle-group class
• ButtonGroup – Buttons grouped into one control that reports the selection, as uikit:ButtonGroup
• ToggleGroup – Toggle buttons in a group that reports their states, as uikit:ToggleGroup

Forms Components

• Calendar – A month view in a bordered card, with month and year pickers
• Checkbox – A checkbox with the check mark fading in on a spring
• Clipboard – A ghost icon button that copies its text and shows a check mark afterwards
• Color Picker – Avalonia's ColorPicker as a swatch or an input field with a popover, from the AvaloniaUIKit.ColorPicker package
• Combobox – A select that filters as you type, as ComboBox or AutoCompleteBox
• Date Picker – An input frame that opens a calendar
• Form – A form grid, with labelled fields, required marks and descriptions
• Input – An input frame with a focus ring and a placeholder, as Avalonia's TextBox
• Input Group – A text field with prefix and suffix addons inside one frame
• Number Input – A numeric field with minus and plus buttons, as NumericUpDown
• Radio – A radio button, with the dot fading in on a spring
• Rating – Stars to pick and show a rating
• Select – A select: an input frame that opens a list in its popover
• Slider – A pill track filled up to the value, with a ring around the thumb on hover and drag
• Switch – An on-off switch, with the thumb sliding on a spring
• Textarea – A multi-line input in the Input's frame, as TextBox with AcceptsReturn
• Time Field – Hour and minute segments in an input frame, as TimePicker
• CalendarView – A calendar with several months, ranges, disabled days and a years grid, as uikit:CalendarView
• ColorSelect – A color swatch or input field with a palette and HSLA popover, as uikit:ColorSelect
• DateField – A date field with ranges, presets, a clear button and the time of day, as uikit:DateField
• InputGroup – A text field and its addons in one frame, with rows above and below, as uikit:InputGroup
• NumberInput – A numeric field that keeps its text a number and steps by its own rules, as uikit:NumberInput
• RangeSlider – A slider with two thumbs or a logarithmic scale, as uikit:RangeSlider
• Select – A select with a search field, sections, multiple selection and a footer, as uikit:Select
• TimeField – A time field edited segment by segment, as uikit:TimeField

Data display Components

• Avatar – A circular avatar with an image, initials or a placeholder, and a group that overlaps them
• Badge – A count, a dot or an icon over the top right corner of its content
• Bubble – A chat bubble: text on a rounded surface in one of seven looks, aligned to a side, with a reaction
• Data Table – A data table as Avalonia's TableView, or DataGrid with the AvaloniaUIKit.DataGrid package
• Description List – Labels and values in a grid, with spans and separators
• Icon – Lucide icons as geometry for PathIcon
• Image – Avalonia's Image with rounded corners and five fits
• Kbd – A key cap for keyboard shortcuts, written in each platform's notation
• Label – A fixed line height and secondary text, for TextBlock and Label
• List – List rows with hover, selection and the overlay scrollbar, as ListBox
• Message – A chat message: bubbles with a header, a footer and an avatar, aligned to a side
• Status Bar – A thin bar of muted regions along the bottom of a window
• Table – A plain table, as a TableView with a named theme
• Tag – A small colored label, filled or outlined, in the theme's and the palette's colors
• Tree – Tree rows with folder and file icons, as TreeView
• AsyncImage – An image loaded from a URI off the UI thread, with loading and fallback content, as uikit:AsyncImage
• Icon – An icon drawn by name, as uikit:Icon
• ListView – A list with sections, a search field, loading states and confirm and cancel, as uikit:ListView
• Table – A table written out row by row, with column spans, a footer and a caption, as uikit:Table
• TextLabel – A label with secondary text, highlighted matches and a mask, as uikit:TextLabel
• Tree – A virtualized tree for any number of items, as uikit:Tree
• Virtual List – A virtualized list with the List's rows, as ListBox over a VirtualizingStackPanel

Navigation Components

• Breadcrumb – Muted path items with a chevron between them; the last one in the foreground color
• Pagination – Previous, numbered pages and Next, as a PipsPager
• Sidebar – A sidebar collapsing to icons or off canvas, as SplitView and DrawerPage
• Stepper – Numbered or icon steps joined by lines, with the current one highlighted
• Tabs – A tab bar in its default, outline, pill, segmented and underline looks, as TabStrip and TabControl
• Toolbar – A toolbar of ghost buttons and separators, as CommandBar
• Pagination – Page buttons built from a page count, with ellipses and their page menus, as uikit:Pagination
• Sidebar – A sidebar with menus, groups and submenus, collapsing to icons or off canvas, as uikit:Sidebar
• Toolbar – A row of any controls that share one size and the arrow keys, as uikit:Toolbar

Overlays Components

• Hover Card – A card that opens next to its content on hover, after a delay, on the popover surface
• Menu – Popup menus and a menu bar: Menu, ContextMenu and MenuFlyout
• Popover – The popover surface, with an arrow or without any surface, as Avalonia's Flyout
• Sheet – A panel sliding in from a side over the dimmed content, as DrawerPage in its overlay mode
• Tooltip – A tooltip bubble, fading and sliding in above its trigger, as ToolTip
• Sheet – A panel opened from code that slides in from a side over the dimmed window, as uikit:Sheet

Feedback Components

• Alert – A message with a title and an icon in the info, success, warning and error colors
• Empty – An empty state: media, a title, a description and actions, centered
• Marker – A muted status line with an icon or a spinner, and optional separators
• Notification – Notification cards, sliding in and fading out, as Avalonia's WindowNotificationManager
• Progress – A progress bar, determinate and indeterminate, as Avalonia's ProgressBar
• Progress Circle – A ring showing progress, as a ProgressBar with a named theme
• Shimmer – Text with a highlight sweeping across it
• Skeleton – A placeholder bar pulsing while content loads
• Spinner – A turning loader icon, as a ProgressBar with a named theme
• NotificationList – Notifications stacked per placement, with ids and actions, as uikit:NotificationList

Layout Components

• Accordion – Expanders stacked in an accordion frame, opening and closing on a spring
• Carousel – One page at a time, sliding on a spring, with dots as a PipsPager
• Collapsible – A header that reveals its content at its natural height, on a spring
• Dock – Dock.Avalonia's docking layouts with a dock's tab bars, split handles and drop targets, from the AvaloniaUIKit.Dock package
• Group Box – A titled group in normal, fill and outline looks, as Avalonia's GroupBox
• Resizable – A resize handle between panels, as Avalonia's GridSplitter
• Scrollable – Overlay scrollbars, as Avalonia's ScrollViewer
• Separator – A 1px line in the border color, horizontal, vertical or dashed
• Title Bar – A title bar and window border, as the decorations Avalonia draws itself
• Accordion – An accordion that keeps one item open at a time, as uikit:Accordion
• ResizablePanelGroup – Panels side by side with resize handles between them, as uikit:ResizablePanelGroup
• TitleBar – A title bar with content of your own at the top of the window, as uikit:TitleBar