Telerik UI for .NET MAUI Productivity Tools for Visual Studio Code

Overview

The Progress® Telerik® UI for .NET MAUI Productivity Tools within Visual Studio Code increase developer productivity and simplifies the process of creating .NET MAUI projects with Telerik UI components. The tools can be installed as an extension and launched on Windows, Linux and Mac and include:

• Project Templates (Blank App) – provide prebuilt layout and multiple configuration options for project type, target framework and more.
• A pack of Telerik UI for .NET MAUI Code Snippets – can be easily invoked directly typing the component name.

Project Templates with Telerik UI for .NET MAUI Components

You can create a Telerik .NET MAUI project by accessing the project template feature from the Visual Studio Code Extensions menu. To open the menu, use Ctrl+Shift+P in Windows/Linux or Cmd+Shift+P on Mac. Next in the menu, look for and select Telerik UI for .NET MAUI Template Wizard: Launch and press Enter.

Please review our documentation page for more information.

Telerik UI for .NET MAUI Code Snippets

The Telerik Visual Studio Code extension provides a handy feature for increased developer productivity – code snippets for fast UI component reference and configuration. You can take advantage of the tens of code snippets that can be easily invoked in the IDE by typing a shortcut tm (short for Telerik .NET MAUI) or directly the name of the component you need to plug. For example, typing datagrid, or just gr will conveniently show a dropdown with the available snippet templates you can insert in code. Then using a Tab sequence you can fill out the component properties.

To make the most out of snippets:

• Learn more about snippets in VS Code.
• Check out the Snippets Viewer extension.

Telerik UI for .NET MAUI Snippets Catalog

• tm-accordion: .NET MAUI Accordion
• tm-autocomplete: .NET MAUI AutoComplete
• tm-badgeview: .NET MAUI BadgeView
• tm-barcode: .NET MAUI Barcode
• tm-border: .NET MAUI Border
• tm-busyindicator: .NET MAUI BusyIndicator
• tm-button: .NET MAUI Button
• tm-calendar: .NET MAUI Calendar
• tm-chart: .NET MAUI Chart
• tm-checkbox: .NET MAUI CheckBox
• tm-combobox: .NET MAUI ComboBox
• tm-chat: .NET MAUI Chat
• tm-dataform: .NET MAUI DataForm
• tm-datagrid: .NET MAUI DataGrid
• tm-datepicker: .NET MAUI DatePicker
• tm-datetimepicker: .NET MAUI DateTimePicker
• tm-docklayout: .NET MAUI DockLayout
• tm-entry: .NET MAUI Entry
• tm-expander: .NET MAUI Expander
• tm-radial-gauge: .NET MAUI Gauge
• tm-horizontal-gauge: .NET MAUI Gauge
• tm-imageeditor: .NET MAUI ImageEditor
• tm-itemscontrol: .NET MAUI ItemsControl
• tm-listpicker: .NET MAUI ListPicker
• tm-listview: .NET MAUI ListView
• tm-map: .NET MAUI Map
• tm-maskedentry: .NET MAUI MaskedEntry
• tm-navigationview: .NET MAUI NavigationView
• tm-numericinput: .NET MAUI NumericInput
• tm-path: .NET MAUI Path
• tm-pdfviewer: .NET MAUI PDF Viewer
• tm-popup: .NET MAUI Popup
• tm-progressbar: .NET MAUI ProgressBar
• tm-rangeslider: .NET MAUI RangeSlider
• tm-rating: .NET MAUI Rating
• tm-templated-rating: .NET MAUI Rating
• tm-richtexteditor: .NET MAUI RichTextEditor
• tm-scheduler: .NET MAUI Scheduler
• tm-segmented-control: .NET MAUI SegmentedControl
• tm-sidedrawer: .NET MAUI SideDrawer
• tm-signaturepad: .NET MAUI SignaturePad
• tm-slideview: .NET MAUI SlideView
• tm-tabview: .NET MAUI TabView
• tm-templatedpicker: .NET MAUI TemplatedPicker
• tm-timepicker: .NET MAUI TimePicker
• tm-timespanpicker: .NET MAUI TimeSpanPicker
• tm-toolbar: .NET MAUI Toolbar
• tm-treeview: .NET MAUI TreeView

Help Resources

a. Learn More about Telerik UI for .NET MAUI Components
b. Documentation
c. Online Demos
d. Release History
e. Community Forums
f. Suggest a Feature