RadioTile

A series of selectable tile components that behave like Radio.

Import

import { RadioTile, RadioTileGroup } from 'rsuite';
  • <RadioTile>
  • <RadioTileGroup>

Examples

Basic

Inline layout

Disabled

Accessibility

WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#radiobutton

  • RadioTile has aria-checked set to true when it's checked. Otherwise, aria-checked is set to false.

Props

<RadioTile>

Property Type (Default) Description
checked boolean Specifies whether the radio is selected
defaultChecked boolean Specifies the initial state: whether or not the radio is selected
disabled boolean The disable of component
name string Name to use for form
onChange (value: string | number, event) => void Callback function that has been checked for changes in state
value string | number Corresponding to the value of RadioTileGroup, determine whether it is selected

<RadioTileGroup>

Property Type (Default) Description
defaultValue string | number The default value (uncontrolled)
disabled boolean The disable of component
inline boolean Inline layout
name string Name to use for form
onChange (value:string | number, event) => void Callback function with value changed
value string | number The current value (controlled)
Vercel banner