BumblebeeBumblebee

Radio button

Contents

Live demoDesignCode

Live demo

Design

Usage

Only to be used when only a single option can be selected from a list.

Focus state has the same 4px outline as per the buttons.

Code

import { RadioButton } from '@shieldpay/bumblebee/radio-button';

<RadioButton
  id="groupName-input1"
  name="groupName"
  label="I am radio button, check it."
  onClick={clickHandlerFunction}
  checked
/>;