Components
    • 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
    Changelog

Labels

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.

Example
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.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?