Skip to main content

Radio

A Radio button is a component that acts as a single input control and is part of a set within a Radio Group. It has two states, On and Off.

Properties

NameTypeDefaultDescription
labelnodeSpecifies a label for the component.
valueanySpecifies a value for the component.
disabledboolfalseIf true, the radio button is disabled.
requiredboolfalseIf true, the radio button must be checked.
readOnlyboolfalseIf true, the radio button is read only.
autofocusboolfalseIf true, autofocus is enabled.

Style Attributes

NameTypeDefaultDescription
colordefault
primary
secondary
error
info
success
warning
string
primaryDefines the color of the component.
sizesmall
medium
string
mediumDefines the size of the component.
labelPlacementtop
bottom
end
start
string
endSpecifies the location of the radio label.
disableRippleboolfalseBy default, the radio component has a ripple effect triggered when the radio state is modified. To disable this effect, set "Disable Ripple" on.

For more detail on the Radio component, see the MUI developer docs.

on this page
Was this article useful?
89% of our users said this content was useful.