Components

Component

RadioGroup

Single-choice radio group with field text and item controls.

ReactReact Native4 props
PreviewReact
좋아하는 과일

좋아하는 과일을 선택해 주세요.

Imports

import { RadioGroup, RadioGroupItem, Radiomark } from "@hozorica/hods-react/radio-group";
import { RadioGroup, RadioGroupItem, Radiomark } from "@hozorica/hods-react-native/radio-group";

Props

PropTypeDescription
value / defaultValuestringControlled and uncontrolled selection.
onValueChange(value) => voidSelection callback.
label / description / errorMessageReactNodeField text.
size / tone / weightmedium|large / brand|neutral / regular|boldItem visual options.

Platform Support

React

Radio-backed group with label, description, error, item size/tone/weight.

React Native

Select-box backed radio group API.

Usage

<RadioGroup defaultValue="apple"><RadioGroupItem value="apple" label="Apple" /></RadioGroup>

Notes

  • Use for mutually exclusive options.
  • Use SelectBox when each option needs card-like content.