Components

radio

Radio item

Example

bxml

Code
<view class="page-body">
  <view class="page-section">
    <view class="page-section-title">default style</view>
    <label class="radio"> <radio value="r1" checked="true" /> checked </label>
    <label class="radio"> <radio value="r2" /> unchecked </label>
    <label class="radio"> <radio value="r3" disabled /> disabled <radio value="r4" color="#333" /> custom color </label>
  </view>
</view>

Props

Name	Type	Description	Default
`checked`	`boolean`	When the radio is selected, the change event of the radio-group will carry the value of the radio.	`false`
`value`	`string`	Currently selected or not.
`disabled`	`boolean`	Disabled or not.	`false`
`color`	`string`	The color of the radio, just like css color.	`\`var(--bnui-primay)``

Events

Name	Description
`bindtap`
`bindtapcapture`

Was this page helpful?

Last modified on July 7, 2026

picker-view radio-group

Components

radio

Radio item

Example

bxml

Code
<view class="page-body">
  <view class="page-section">
    <view class="page-section-title">default style</view>
    <label class="radio"> <radio value="r1" checked="true" /> checked </label>
    <label class="radio"> <radio value="r2" /> unchecked </label>
    <label class="radio"> <radio value="r3" disabled /> disabled <radio value="r4" color="#333" /> custom color </label>
  </view>
</view>

Props

Name	Type	Description	Default
`checked`	`boolean`	When the radio is selected, the change event of the radio-group will carry the value of the radio.	`false`
`value`	`string`	Currently selected or not.
`disabled`	`boolean`	Disabled or not.	`false`
`color`	`string`	The color of the radio, just like css color.	`\`var(--bnui-primay)``

Events

Name	Description
`bindtap`
`bindtapcapture`

Was this page helpful?

Last modified on July 7, 2026

picker-view radio-group