Controls
Avalonia apps are made of high-level building blocks called controls, which allow you to quickly construct the UI for your app. Avalonia comes with lots of controls, including buttons, lists, tabs and more. These pages explain the essential functionalities of Avalonia controls. For detailed information, see the API Reference.
A decorator that draws a border and background around its child content.
Buttons let your users take action. They're an essential way to interact with and navigate an app.
A full calendar view that lets users browse and select dates visually.
Use a checkbox for binary user decisions, such as feature toggles, survey questions or task lists.
ComboBox shows a selected item and displays a list of options when clicked.
Date pickers present a compact interface for users to select dates.
The grid is a powerful layout control that arranges other controls in columns and rows.
Display images and decide how they interact with other UI elements.
A text label that provides access key support for its target control.
Lists display rows of information, such as contacts, languages or music genres.
Render and display Markdown-formatted text content directly in your app.
A full-featured media player control for playing audio and video content.
Use menus to organize user options and improve ease of navigation.
A virtual keyboard for touch-based text input on devices without physical keyboards.
The base class for all panel elements used to position and arrange child controls.
Radio buttons allow you to present a set of mutually exclusive options.
A basic shape primitive for drawing rectangles and squares in your UI.
A container that provides scrollable content when its child exceeds the available space.
Sliders let users select a numerical value by moving a knob along a track.
A container with a collapsible pane and a content area, ideal for navigation layouts.
Arranges child controls in a single line, stacked horizontally or vertically.
Tabs enable tabbed navigation, a standard navigation pattern in modern apps.
A lightweight control for displaying small amounts of read-only text.
Text boxes create an area for text input, a staple of almost any type of app.
Toggle switches let users flip between on and off states for binary options like settings.
Displays hierarchical data in an expandable tree structure.
A grid panel that automatically sizes all cells to be equal, creating a uniform layout.
Embed web content directly into your app using a native browser engine.