Jetboost Booster Select

New Jetboost radio input component used in new Booster Select UI in "Create Booster" modal.

Example:

<Radio
  key={item.id}
  name='boosters'
  label={item.name}
  value={item.id}
  checked={item.id === isSelected}
  icon={
    <BoosterIcon
      type={item.internalKey}
      size='30'
      color='#5e72e4'
    />
  }
  onChange={() => {
    setIsSelected(item.id)
    setCurrentBooster(item.internalKey)
  }}
  id={item.id}
/>

Dependencies:

  1. iconsaxnpm page
  2. classnamesnpm page

Demo

Run Demo Here