RadioButton

Radio buttons allows to selection a single option from a list.

import { RadioButton, RadioButtonValue, RadioButtonItem } from "cherag-ui"'

Usage

   <RadioButton
      btnColor={COLORS.green}
      onChange={setSelectedRadio}
      selected={selectedRadio}
    >
      <RadioButtonItem value={1}>Radio button</RadioButtonItem>
      <RadioButtonItem value={2}>Radio button</RadioButtonItem>
    </RadioButton>

󰐾

Radio Item One

󰐽

Radio Item Two

Props

RadioButton Propertics

Name

Type

Description

children

React.ReactNode

Child elements of RadioButton.

onChange

(event: GestureResponderEvent) => void

Change RadioButton item to save value to state elements of RadioButton.

selected

RadioButtonValue

Store selected item.

btnColor

string

Button color of RadioButton.

RadioButtonItem Propertics

Name

Type

Description

children

React.ReactNode

Child elements of RadioButtonItem.

btnColor

string

Button color of RadioButtonItem.

value

RadioButtonValue

Store selected RadioButtonItem value.