Laravel Radio Component

Free · MIT

A radio button input component with label and description support, designed for use individually or within a radio group.

A Radio built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag: <x-aura::radio>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::radio name="color" value="red" label="Red" />
<x-aura::radio name="color" value="blue" label="Blue" />
<x-aura::radio name="color" value="green" label="Green" />

See the full API, props and live examples in the Radio documentation.

Overview

The <x-aura::radio> component renders a styled radio button input with optional label and description text. Radio buttons are used when the user must select exactly one option from a set. Use the companion <x-aura::radio-group> component to semantically group related radio buttons under a common legend.

Props

Radio

Prop	Type	Default	Description
`label`	`string\|null`	`null`	Text label displayed next to the radio button.
`description`	`string\|null`	`null`	Additional descriptive text shown below the label.
`value`	`string\|null`	`null`	The value submitted when this radio button is selected.
`name`	`string\|null`	`null`	The input name attribute, shared across the radio group.
`disabled`	`bool`	`false`	Disables the radio button, preventing interaction.