# Vue RadioButton Overview

The Kendo UI for Vue RadioButton lets the user to choose only one from multiple options.

The RadioButton is designed to replace the `<input type="radio">` HTML5 tag and provides the Kendo UI for Vue specific styling.

<CtaPanelOverview></CtaPanelOverview>

## Basic Usage

The RadioButton is typically used within a RadioGroup with the same `name` attribute. All regular [`input type="radio"`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio) HTML attributes are applicable.

The Kendo UI for Vue RadioButton component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the [kendo-vue-inputs package](https://www.npmjs.com/package/@progress/kendo-vue-inputs).

The following example demonstrates the RadioButton component in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/radiobutton/overview/source.txt)

## Functionality and Features

* [Disabled RadioButton](https://www.telerik.com/kendo-vue-ui/components/inputs/radiobutton/disabled)
* [Labels](https://www.telerik.com/kendo-vue-ui/components/inputs/radiobutton/labels)
* [Appearance](https://www.telerik.com/kendo-vue-ui/components/inputs/radiobutton/appearance)
* [Globalization](https://www.telerik.com/kendo-vue-ui/components/inputs/globalization)

> To learn more about the appearance, anatomy, and accessibility of the RadioButton, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/radiobutton/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Support and Learning Resources

* [RadioButton Homepage](https://www.telerik.com/kendo-vue-ui/vue-radiobutton)
* [Getting Started with the Kendo UI Vue Inputs](https://www.telerik.com/kendo-vue-ui/components/inputs/get-started)
* [API Reference of the RadioButton Component](https://www.telerik.com/kendo-vue-ui/components/inputs/api/radiobuttonprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [RadioButton Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=radiobutton)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)