RadioField

Storybook

RadioFields allow users to select one option from a set. They are typically placed throughout your UI, in places like: Forms, Dialogs, etc. RadioFields help users to make selections.

Guidelines

React

To implement RadioField component into your project you’ll need to add the import:

import { RadioField } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<RadioField
  label="Option 1"
  value="option1"
  options={[
    { label: "Option 1", value: "option1" },
    { label: "Option 2", value: "option2" },
  ]}
  name="example"
  getOptionLabel={(option) => option.label}
  getOptionValue={(option) => option.value}
/>