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)