# Custom Radio Button

**URL:** <https://community.feathery.io/t/custom-radio-button/310>\
**Category:** Support\
**Created:** [December 6, 2023, 2:03pm UTC](https://community.feathery.io/t/custom-radio-button/310 "2023-12-06T14:03:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![alizwarraich](https://avatars.discourse-cdn.com/v4/letter/a/46a35a/32.png) [@alizwarraich](https://community.feathery.io/u/alizwarraich)\
**Post date:** [December 6, 2023, 2:03pm UTC](https://community.feathery.io/t/custom-radio-button/310/1 "2023-12-06T14:03:21Z")

</div>

I have to use radio buttons in my application but the default radio button group does not fulfil my UI requirements. Is there any other way?

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [December 6, 2023, 10:30pm UTC](https://community.feathery.io/t/custom-radio-button/310/2 "2023-12-06T22:30:57Z")

</div>

Yep – here’s how you would do that: [https://docs.feathery.io/platform/build-forms/elements/custom-fields](https://docs.feathery.io/platform/build-forms/elements/custom-fields)

---

<div class="post-metadata">

**Author:** ![alizwarraich](https://avatars.discourse-cdn.com/v4/letter/a/46a35a/32.png) [@alizwarraich](https://community.feathery.io/u/alizwarraich)\
**Post date:** [December 7, 2023, 3:07pm UTC](https://community.feathery.io/t/custom-radio-button/310/3 "2023-12-07T15:07:46Z")

</div>

but this is the case for checkbox component and not the radio button because we can have a separate checkbox element but incase of radio button, we can only have a group and not an independent radio button.

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [December 7, 2023, 3:28pm UTC](https://community.feathery.io/t/custom-radio-button/310/4 "2023-12-07T15:28:53Z")

</div>

you can set up multiple actions to clear out the other checkbox fields in the component, making it effectively a radio button
