background

UI for ASP.NET Core

ASP.NET Core Tag Helpers

  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
  • Tag Helpers Overview

    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.

     

    DropDownList

    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.

     

    Popup

    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.

All ASP.NET Core Components

Next Steps