Question: My Code is :

```
foreach ($suratmasuk as $key => $h) {
  $suratkeluar = $this->db->query("SELECT * FROM surat_masuk WHERE lampiran LIKE '%$h->surat_id%'")->row_array()['suratmasuk_id'];
  echo count($suratkeluar);
}

```

The result is :

```
11

```

But i want the result is :

```
2

```

Because there are two data in the array. How is it? Pls help me

Answer: 
This is my creation.

You can check only one or uncheck all.

And I provided simple CSS that looks like `Radio.Button`.

<https://stackblitz.com/edit/react-bsyhkm?file=index.js>

I created new version with vertical and width option as you want.

<https://stackblitz.com/edit/react-bsyhkm-n7umzv?file=styled.js>
Not sure if you are still searching, but I had the same issue and found a really good example on the sandbox [here](https://codesandbox.io/s/slwue).

It doesn't actually use any antd library, but I think it looks pretty similar, and tweaking it a bit more to appear consistent with the rest of the UI should be pretty trivial.