• Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
New to KendoReact? 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
Edit In Stackblitz  
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
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?