Home Components Blocks Icons Colors

Getting Started

Client Side Routing

Dark Mode

Components

Buttons

Button File Trigger Toggle

Charts

Area Chart Line Chart Bar Chart Pie Chart Radar Chart Radial Chart Scatter Chart Chart Tooltip

Colors

Color Area Color Field Color Picker Color Slider Color Swatch Picker Color Wheel

Controls

Command Context Menu Slider Switch Toolbar Keyboard

Drag And Drop

Date And Time

Calendar Date Field Range Calendar Date Picker Date Range Picker Time Field

Statuses

Badge Progress Meter Note / Alert Skeleton Toastalpha Indicator

Surfaces

Card Description List Separator Spoiler Code Header

Media

Carousel Avatar User

Navigation

Link Breadcrumbs Tabs Pagination Disclosure

Pickers

Select Combo Box Multi Selectbeta

Collections

Menu Grid List List Box Table Tag Group Tree

Layouts

Navbar Sidebar Container

Overlays

Modal Popover Sheet Tooltip Drawer

Forms

Form Text Field Number Field Search Field Textarea Checkbox Radio O T P Selection Boxalpha Rich Text Fieldalpha

Radio

A radio group allows a user to select a single item from a list of mutually exclusive options.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add radio

State

View

Code

Basic

Option 1

Option 2

Readonly

Option 1

Option 2

Invalid

Option 1

Option 2

Disabled

Option 1

Option 2

Orientation

View

Code

Plan

Bronze

Silver

Gold

Platinum

Group Description

View

Code

Plan

Bronze

Silver

Gold

Platinum

Choose a plan that fits your needs and budget

Item Description

View

Code

Plan

BronzeWeekly subscription

SilverMonthly subscription

GoldYearly subscription

PlatinumLifetime subscription

Controlled

View

Code

Plan

Bronze

Silver

Gold

Platinum

selected: ""

Validation

View

Code

Plan

Bronze

Silver

Gold

Platinum

On this page

Installation
State
Orientation
Group Description
Item Description
Controlled
Validation

HQ UI © 2025 - This UI design was crafted by Diqi Al-Haqqi

Special thanks for Intent UI by Irsyad A. Pandjaitan for inspiration