Sobeys Logo

Radio button Component

This Radio component is a custom-styled radio input built using:

Key Features

  • React with forwardRef for ref forwarding.
  • Tailwind CSS for custom appearance (overriding default radio styling).
  • cn utility for merging class names.
  • before and after pseudo-elements to mimic the appearance of a traditional radio input (outer circle and inner dot).

Choose an option:

Selected: option1