Command Palette

Search for a command to run...

Home Components

Getting Started

Client Side Routing Installation Introduction

Framework Guides

Dark Modes

Astro Inertia.js Next.js Remix Vite

Components

Buttons

Button File Trigger Toggle Toggle Group

Charts

Collections

Accordion Collapsible Dropdown Menu Grid List Item List Box Table Tag Group Tree

Colors

Controls

Command Kbd Slider Switch Toolbar

Date And Time

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

Drag And Drop

Forms

Checkbox Combo Box Field Input Input O T P Number Field Radio Search Field Select Text Field

Layouts

Container Navbar Sidebar

Media

Avatar Carousel

Navigation

Breadcrumbs Link Pagination Tabs

Overlays

Dialog Drawer Popover Sheet Tooltip

Statuses

Alert Badge Empty Meter Progress Skeleton Sonner

Surfaces

Getting Started

Client Side Routing Installation Introduction

Framework Guides

Dark Modes

Astro Inertia.js Next.js Remix Vite

Components

Buttons

Button File Trigger Toggle Toggle Group

Charts

Collections

Accordion Collapsible Dropdown Menu Grid List Item List Box Table Tag Group Tree

Colors

Controls

Command Kbd Slider Switch Toolbar

Date And Time

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

Drag And Drop

Forms

Checkbox Combo Box Field Input Input O T P Number Field Radio Search Field Select Text Field

Layouts

Container Navbar Sidebar

Media

Avatar Carousel

Navigation

Breadcrumbs Link Pagination Tabs

Overlays

Dialog Drawer Popover Sheet Tooltip

Statuses

Alert Badge Empty Meter Progress Skeleton Sonner

Surfaces

Radio

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

Installation

CLI

Manual

npx shadcn@latest add https://hq-ui.vercel.app/r/radio

Blocks

radio-01

Higher Secondary

Graduation

Post Graduation

radio-02

Beginner

Intermediate

Advanced

radio-03

Destructive

Success

Info

radio-04

Default

Medium

Large

radio-05

Standard Shipping

Express Delivery

Overnight Shipping

radio-06

Basic Plan

Perfect for individuals just getting started

Pro Plan

Advanced features for power users and small teams

Enterprise Plan

Custom solutions for large organizations

radio-07

Pro

$39/mo

TeamBest Seller

$69/mo

Enterprise

Custom

radio-08

Pro

$39/mo

TeamBest Seller

$69/mo

Enterprise

Custom

radio-09

Basic Free

Get 1 project with 1 teams members.

Premium $5.00

Get 5 projects with 5 team members.

radio-10

Basic

Get 1 project with 1 teams members.

Premium

Get 5 projects with 5 team members.

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

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

On this page

Installation
Blocks

On this page

Installation
Blocks