Tag Helpers - ASP.NET Core Components | Telerik UI for ASP.NET Core (original) (raw)

Tag Helpers are the HTML-friendly way to create views and define UI in ASP.NET Core applications. As of R2 2018 we now offer Tag Helpers for all of the components in the suite, including but not limited to the following:

AutoComplete

The AutoComplete has a Tag Helper which allows devs to lay out all available options in a HTML-like fashion or bind to various data sources in a declarative way.

Barcode

Thanks to the introduction of Tag Helpers, the Barcode component can be completely declaratively configured with a HTML-like syntax.

Button

The Button component can now be added to a page through its Tag Helper, enabling the advanced functionality of the component to be used in a similar syntax to the rest of the HTML on your page.

ButtonGroup

With the support for Tag Helpers, the ButtonGroup component can be completely declaratively configured with a HTML-like syntax.

Chart

Adding advanced data visualization with a simple HTML-like syntax has never been easier thanks to the Chart’s support for Tag Helpers in ASP.NET Core.

ColorPicker

Add the ability for users to select color to any form in a natural HTML-like way thanks to the Color Picker’s Tag Helper.

ComboBox

With Tag Helpers the ComboBox can be configured with a declarative HTML-like syntax and easily be bound to local and remote data.

DataSource

As the core of many data-bound components in UI for ASP.NET Core, the DataSource Tag Helper can be created declaratively and shared between multiple other components through their Tag Helpers and bind to local and remote data with ease.

DateInput

The DateInput Tag Helper allows developers to use a HTML-like syntax to add this advanced input element to any new or existing form.

DatePicker

Thanks to the DatePicker Tag Helper developers can now add date selection through a pop-up calendar with an easy-to-use HTML-like syntax.

DateTimePicker

Thanks to the introduction of Tag Helpers, the DateTimePicker component can be completely declaratively configured with a HTML-like syntax.

Dialog

Integrating a dialog component in to existing ASP.NET Core applications has never been easier with the Dialog Tag Helper.

Drag & Drop

Provide drag-and-drop capabilities to any existing HTML elements, or advanced components like the other UI components in UI for ASP.NET Core, with a declarative HTML-like syntax with the Drag and Drop component’s Tag Helper.

With Tag Helpers the DropDownList can be configured with a declarative HTML-like syntax and easily be bound to local and remote data in order to display a list of data to select from.

Grid

The Grid component is offered as a Tag Helper enabling developers to lay out the Grid and its configuration in a simple and easy-to-ready HTML-like declarative way. This included binding to local and remote data and can be done with even the most advanced Grid set ups.

LinearGauge

Adding gauges and data visualization with a simple HTML-like syntax has never been easier thanks to the LinearGauge’s support for Tag Helpers in ASP.NET Core.

MaskedTextBox

The MaskedTextBox Tag Helper allows developers to use a HTML-like syntax to add a masked input element to any new or existing form.

MultiSelect

The MultiSelect adds a Tag Helper which allows devs to lay out all available options in a HTML-like fashion or bind to various data sources in a declarative way.

Notification

Quickly add notifications anywhere in your application through a HTML-like syntax thanks to the Notification Tag Helper.

NumericTextbox

The NumericTextbox Tag Helper allows developers to use a HTML-like syntax to add this advanced input element to any new or existing form.

Use the Popup Tag Helper to let any set of HTML elements appear in a popup anywhere in your application.

ProgressBar

Indicate the current status of any process through a HTML-like syntax with the ProgressBar Tag Helper.

QR Code

Thanks to the introduction of Tag Helpers, the Barcode component can be completely declaratively configured with a HTML-like syntax.

RadialGauge

Adding gauges and data visualization with a simple HTML-like syntax has never been easier thanks to the RadialGauge’s support for Tag Helpers in ASP.NET Core.

ResponsivePanel

Provide any application with the ability to display a hamburger menu for smaller menus all through a HTML-like syntax with the ResponsivePanel’s Tag Helper.

Slider

Use a HTML-like syntax to provide the ability for users to select a value on a sliding scale thanks to the Slider Tag Helper.

Sortable

With the Sortable Tag Helper developers can use a HTML-like declarative approach to empower users to re-arrange HTML elements and advanced widgets on a page.

Splitter

Create expandable and collapsible panels with a HTML-like syntax through the Splitter Tag Helper.

TimePicker

Thanks to the TimePicker Tag Helper developers can now add time selection through a pop-up with an easy-to-use HTML-like syntax.

ToolBar

Add tool bars through a HTML-like syntax to any web page in a ASP.NET Core application with the ToolBar Tag Helper.

Tooltip

The ToolTip Tag Helper gives the power to add tooltips to any element or advanced UI component through a declarative HTML-like way.

Upload

The Upload Tag Helper gives a rich HTML-like syntax to create an upload area to any ASP.NET Core application.

Validator

Take client-side validation to the next level and integrate with existing model validation in ASP.NET Core with the Validator Tag Helper.

Window

Add a window that can be used as a modal, be interacted with through maximizing or minimizing, anywhere in your application through a HTML-like syntax thanks to the Window Tag Helper.

Watch our ASP.NET Core Tag Helpers Video Tutorial to learn the basics of working with Telerik Tag Helpers.