Getting Started
    Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollViewnew
    • Tooltip
    • TreeViewnew
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
New to Kendo UI for Vue? Start a free 30-day trial


The RadioButton enables you to add label next to the input, either before or after it.

Setting Up the Label

To set the label, use the label property, which accepts string. To set position of the label, use the labelPlacement property, which accepts before and after values.

View Source
Change Theme:

Custom labels

To create a custom labels, set id prop of the RadioButton and provide custom markup for the label, including the for attribute for it.

View Source
Change Theme:

In this article

Not finding the help you need?