Using image as Radio button in React JS

Question

I want to use images as radio buttons but couldn't find any source. Any help will be appreciated.

Is there a particular UI library you are using? – Matthew Kwong May 24 '21 at 09:03 — Matthew Kwong, May 24 '21 at 09:03

score 1 · Accepted Answer · answered May 24 '21 at 13:38

1

You need to first hide your [type=radio] and then wrap your image and input tag inside the label.

Following link could be helpful.

answered May 24 '21 at 13:38

Neel Dsouza

score 0 · Answer 2 · answered May 25 '21 at 01:01

0

Since the OP mentioned he is using Material-UI (you should add that tag next time BTW), take a look at the Radio documentation

There are icon and checkedIcon props, to which you can pass the corresponding images to.

answered May 25 '21 at 01:01

Matthew Kwong

2 Answers2