RadioTile

A series of selectable tile components that behave like Radio.

RadioTile is supported since version 5.35.0.

Import

import { RadioTile, RadioTileGroup } from 'rsuite';

//or
import RadioTile from 'rsuite/RadioTile';
import RadioTileGroup from 'rsuite/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 Default value
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 Value (Controlled)
Vercel banner