# Φ RadioBtnCtrl

Primitive: A singular radio button control with its possible styling, status (on/off) and states.

[Styleguide Link](https://zpl.io/aw5761J)

* Parent: [Radio Button](https://able.bucca.com/core/components/form/radiobutton) (Form Component), Multiple others
* Child: [RadioBtnShape](https://able.bucca.com/core/overview/radiobutton/radiobutton-shape)

### Properties

**Status** - The value given to the screen object, in this case a radio button with possibilities of On or Off.

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FJaoRiSbqAkohLFRg4LK3%2FStatus.png?alt=media&#x26;token=4b6af2db-5902-4cad-8dd8-88c49b356365" alt=""><figcaption></figcaption></figure>

**Style** - Supplied by the child level (Base - Shape) this is the general appearance of the screen object. For now we have two styles, the normal appearance of the rounded radio button which is the default, and a circular checkbox which is our customized appearance for a radio button. Note: Additional appearance can be added to the Base - Shape file to extend the styles at this level.

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FausZUBKtKi0uXUYoxKtM%2FStyles.png?alt=media&#x26;token=e6b4dee4-7aa9-4927-9d00-dac42039f077" alt=""><figcaption></figcaption></figure>

**State** - The different appearances of the screen object based on interaction and the status of the screen object. Possible states are Enabled, Disabled, Focus, Hover, Pressed.

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FWXTAtqF8wvwP6CHwp73L%2FStates.png?alt=media&#x26;token=c74b21bc-b278-4f29-a19f-3c839233cf63" alt=""><figcaption></figcaption></figure>

### Interaction

**Hitarea** - It's important to understand that the tappable/clickable area of the screen object being displayed may be small in appearance than the actual area you can interact with. This hitarea will normally be based off of the parents container for this primitive.