Radio

The radio component.

Importing

Web

import "@tapsioss/web-components/radio";

React

import { Radio } from "@tapsioss/react-components/Radio";

Component Usage

Web

<tapsi-radio></tapsi-radio>

React

<Radio />

Properties

Name	Description	Type	Default Value
checked	Indicates whether the radio is checked.	boolean	false
disabled	Indicates whether the radio is disabled.	boolean	false
value	The value of the radio when it is checked.	string	"on"
label	Defines a string value that can be used to name radio input. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label	string	-
labelledby	Identifies the element (or elements) that labels the radio input. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby	string	-
required	Indicates that the user must specify a value for the input before the owning form can be submitted and will render an error state when reportValidity() is invoked when value is empty. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required	boolean	false
autofocus	Indicates that the element should be focused on page load. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus	boolean	false