@jdesignlab/radio v0.8.1

Radio

Radio 컴포넌트는 정의된 옵션에서, 특정 옵션 값을 선택할 수 있는 UI 컴포넌트입니다. 단일 값만 선택할 수 있습니다.

Usage

Storybook

const RadioExample = args => {
  const [value, setValue] = useState(null);
  const handleRadioChange = e => {
    setValue(e.target.value);
  };

  return (
    <>
      <p>Select Value : {value}</p>
      <Radio.Group defaultValue="mario" onChange={handleRadioChange}>
        <Radio defaultChecked color="red-base" value="mario">
          Mario
        </Radio>
        <Radio value="luigi" color="green-base">
          Luigi
        </Radio>
        <Radio value="peach" color="pink-lighten3">
          Peach
        </Radio>
      </Radio.Group>
    </>
  );
};

Radio

Radio.Group