Skip to main content
Version: Next

Radio Group

Live Editor
function RadioGroupDemo() {
  return (
    <ThemeProvider>
      <RadioGroup
        value="review"
        variant="segmented"
        orientation="horizontal"
        options={[
          { value: 'draft', label: 'Draft' },
          { value: 'review', label: 'In review' },
          { value: 'live', label: 'Live' }
        ]}
        onValueChange={(detail) => console.log(detail.value)}
      />
    </ThemeProvider>
  );
}
Result
Loading...

Key Props​

value, disabled, required, name, orientation, variant, size, tone, options, onValueChange