# ASP.NET Core RadioGroup Overview

The Telerik UI RadioGroup TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI RadioGroup widget.

The RadioGroup allows to check and uncheck radio buttons, set the position of the labels, attributes and custom CSS classes.

* [Demo page for the RadioGroup HtmlHelper](https://demos.telerik.com/aspnet-core/radiogroup/index)

* [Demo page for the RadioGroup TagHelper](https://demos.telerik.com/aspnet-core/radiogroup/tag-helper)

## Initializing the RadioGroup

The following example demonstrates how to define the RadioGroup.

```Razor HtmlHelper
    @(Html.Kendo().RadioGroup()
        .Name("radiogroup")
    )
```

```Razor TagHelper
     <kendo-radiogroup name="radiogroup"
                       radio-name="radiogroup">
    </kendo-radiogroup>
```

## Basic Configuration

The following example demonstrates the basic configuration for the RadioGroup.

```Razor HtmlHelper
    @(Html.Kendo().RadioGroup()
        .Name("radiogroup")
        .Items(i =>
        {
            i.Add().Label("Spain").Value("1");
            i.Add().Label("Italy").Value("2");
            i.Add().Label("UK").Value("3");
        })
        .Value("1")
    )
    <script>
    $(function() {
        // The Name() of the RadioGroup is used to get its client-side instance.
        var radiogroup = $("#radiogroup").data("kendoRadioGroup");
    });
    </script>
```

```Razor TagHelper
    <kendo-radiogroup name="radiogroup"
                      radio-name="radiogroup"
                      value="1">
        <kendo-radiogroup-items>
            <kendo-radiogroup-item label="Spain" value="1"></kendo-radiogroup-item>
            <kendo-radiogroup-item label="Italy" value="2"></kendo-radiogroup-item>
            <kendo-radiogroup-item label="UK" value="3"></kendo-radiogroup-item>
        </kendo-radiogroup-items>
    </kendo-radiogroup>
```

## Functionality and Features

* [Binding](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/editors/radiogroup/binding)—The component supports binding to a collection of data.
* [Label](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/editors/radiogroup/label)—Each RadioGroup item may have a label associated with it.
* [Layout](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/editors/radiogroup/layout)—The RadioGroup supports two types of layout: horizontal and vertical.

## Next Steps

* [Getting Started with the RadioGroup](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/editors/radiogroup/getting-started)

* [Basic Usage of the RadioGroup HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/radiogroup)

* [Basic Usage of the RadioGroup TagHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/radiogroup/tag-helper)

* [RadioGroup in Razor Pages](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/editors/radiogroup/razor-page)

## See Also

* [Using the API of the RadioGroup HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/radiogroup/api)
* [Knowledge Base Section](https://www.telerik.com/aspnet-core-ui/documentation/knowledge-base)