New to Telerik UI for .NET MAUIStart a free 30-day trial

Code Snippets

The Telerik Visual Studio Code extension provides a handy feature for increased developer productivity—code snippets for quick UI component reference and configuration.

Get the Extension

To use the Telerik UI for .NET MAUI Template Wizard, install the Telerik UI for .NET MAUI Productivity Tools extension. You can get the extension from:

  • The Visual Studio Code Marketplace.

  • The Extensions tab in Visual Studio Code—search for Telerik UI for .NET MAUI Productivity Tools, select the extension, and then click Install.

Add a Code Snippet to the Page

  1. Use the tm shortcut that stands for Telerik MAUI and select a snippet from the dropdown menu. Alternatively, type the component name and the available snippets will appear in a dropdown menu.
  2. Use a Tab sequence to populate the available attributes of the component.

Telerik UI for .NET MAUI VS Code snippets

Available Code Snippets

Code SnippetComponent
tm-accordionAccordion
tm-aipromptAI Prompt
tm-autocompleteAutoComplete
tm-badgeviewBadgeView
tm-barcodeBarcode
tm-borderBorder
tm-busyindicatorBusyIndicator
tm-buttonButton
tm-calendarCalendar
tm-chartChart
tm-checkboxCheckBox
tm-collectionviewCollectionView
tm-comboboxComboBox
tm-chatChat
tm-dataformDataForm
tm-datagridDataGrid
tm-datapagerDataGrid
tm-datepickerDatePicker
tm-datetimepickerDateTimePicker
tm-docklayoutDockLayout
tm-entryEntry
tm-expanderExpander
tm-radial-gaugeGauge
tm-horizontal-gaugeGauge
tm-gridsplitterGauge
tm-imageeditorImageEditor
tm-itemscontrolItemsControl
tm-listpickerListPicker
tm-listviewListView
tm-mapMap
tm-maskedentryMaskedEntry
tm-navigationviewNavigationView
tm-numericinputNumericInput
tm-pathPath
tm-pdfviewerPDF Viewer
tm-popupPopup
tm-progressbarProgressBar
tm-rangesliderRangeSlider
tm-ratingRating
tm-templated-ratingRating
tm-richtexteditorRichTextEditor
tm-schedulerScheduler
tm-segmented-controlSegmentedControl
tm-sidedrawerSideDrawer
tm-signaturepadSignaturePad
tm-sliderSlider
tm-slideviewSlideView
tm-tabviewTabView
tm-templatedbuttonTemplatedButton
tm-templatedpickerTemplatedPicker
tm-timepickerTimePicker
tm-timespanpickerTimeSpanPicker
tm-togglebuttonToggleButton
tm-toolbarToolbar
tm-treedatagridTreeDataGrid
tm-treeviewTreeView

See Also