React Shared Components

Interactive testing environment for react-shared components

Theme Playground

Current: Default

StoreRadioGroup

Radio button component for single-choice selections

Interactive Playground

Customize the radio button properties and see the changes in real-time

option1

States

Different radio button states

Normal

Error State

Disabled

Multiple Radio Groups

Example of using multiple independent radio button groups

Payment Method

Selected: card

Shipping Speed

Selected: standard

Common Use Cases

Typical radio button implementations

Subscription Plan

Contact Preference

API Reference

Props

id

string - Unique identifier for the radio button

value

string | number - The radio button value

onChange

(e: ChangeEvent<HTMLInputElement>) => void - Change handler

disabled

boolean - Disables the radio button

error

boolean - Shows error state styling

className

string - Additional CSS classes

children

React.ReactNode - Label content for the radio button