Free
Pro

Radio button

Radio button is used to select one of many given choices. Radio buttons are shown in radio groups to show a set of related options, only one of which can be selected.

free

Default Radio

Default radio example below.


HTML

Radio button disabled

Add disabled="true" to the <base-checkbox> if need to disable the checkbox


HTML

Radio with helper text

Radio with helper text example below.


HTML

Radio button colors

Use color="" attribute to define radio button color. Supported colors are "primary", "success", "danger", "warning" and "accent"


HTML

Installation

Run the following command to add this component to your project:

bash

npx base-ui-cli add radio

API Reference

API reference data could not be loaded. Run npm run generate:api-reference.