snippets.md

title	page_title	description	slug	position
Code Snippets	Telerik UI for .NET MAUI Code Snippets - Visual Studio Code Integration	Learn how to add a new component in Visual Studio Code via code snippet templates.	getting-started-vs-code-integration-snippets	3

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.

Available Code Snippets

Code Snippet	Component
tm-accordion	[Accordion]({%slug accordion-overview%})
tm-aiprompt	[AI Prompt]({%slug aiprompt-overview%})
tm-autocomplete	[AutoComplete]({%slug autocomplete-overview%})
tm-barcode	[Barcode]({%slug barcode-overview%})
tm-badgeview	[BadgeView]({%slug badgeview-overview%})
tm-border	[Border]({%slug border-overview%})
tm-busyindicator	[BusyIndicator]({%slug busyindicator-overview%})
tm-button	[Button]({%slug button-overview%})
tm-calendar	[Calendar]({%slug calendar-overview%})
tm-chart	[Chart]({%slug chart-overview%})
tm-checkbox	[CheckBox]({%slug checkbox-overview%})
tm-collectionview	[CollectionView]({%slug collectionview-overview%})
tm-combobox	[ComboBox]({%slug combobox-overview%})
tm-chat	[Chat]({%slug chat-overview%})
tm-dataform	[DataForm]({%slug dataform-overview%})
tm-datagrid	[DataGrid]({%slug datagrid-overview%})
tm-datepicker	[DatePicker]({%slug datepicker-overview%})
tm-datetimepicker	[DateTimePicker]({%slug datetimepicker-overview%})
tm-docklayout	[DockLayout]({%slug docklayout-overview%})
tm-entry	[Entry]({%slug entry-overview%})
tm-expander	[Expander]({%slug expander-overview%})
tm-radial-gauge	[Gauge]({%slug gauge-overview%})
tm-horizontal-gauge	[Gauge]({%slug gauge-types-horizontal %})
tm-imageeditor	[ImageEditor]({%slug imageeditor-overview%})
tm-itemscontrol	[ItemsControl]({%slug itemscontrol-overview%})
tm-listpicker	[ListPicker]({%slug listpicker-overview%})
tm-listview	[ListView]({%slug listview-overview%})
tm-map	[Map]({%slug map-overview%})
tm-maskedentry	[MaskedEntry]({%slug maskedentry-overview%})
tm-navigationview	[NavigationView]({%slug navigationview-overview%})
tm-numericinput	[NumericInput]({%slug numericinput-overview%})
tm-path	[Path]({%slug path-overview%})
tm-pdfviewer	[PDF Viewer]({%slug pdfviewer-overview%})
tm-popup	[Popup]({%slug popup-overview%})
tm-progressbar	[ProgressBar]({%slug progressbar-overview%})
tm-rangeslider	[RangeSlider]({%slug rangeslider-overview%})
tm-rating	[Rating]({%slug rating-overview%})
tm-templated-rating	[Rating]({%slug rating-overview%})
tm-richtexteditor	[RichTextEditor]({%slug richtexteditor-overview%})
tm-scheduler	[Scheduler]({%slug scheduler-overview%})
tm-segmented-control	[SegmentedControl]({%slug segmentedcontrol-overview%})
tm-sidedrawer	[SideDrawer]({%slug sidedrawer-overview%})
tm-signaturepad	[SignaturePad]({%slug signaturepad-overview%})
tm-slider	[Slider]({%slug slider-overview%})
tm-slideview	[SlideView]({%slug slideview-overview%})
tm-tabview	[TabView]({%slug tabview-overview%})
tm-templatedbutton	[TemplatedButton]({%slug templatedbutton-overview%})
tm-templatedpicker	[TemplatedPicker]({%slug templatedpicker-overview%})
tm-timepicker	[TimePicker]({%slug timepicker-overview%})
tm-timespanpicker	[TimeSpanPicker]({%slug timespanpicker-overview%})
tm-togglebutton	[ToggleButton]({%slug togglebutton-overview%})
tm-toolbar	[Toolbar]({%slug toolbar-overview%})
tm-treeview	[TreeView]({%slug treeview-overview%})