bladewindUI
Display a radio button with or without a label
<x-bladewind.radio-button name="tnc" />
<x-bladewind.radio-button label="Action" name="genre" />
<x-bladewind.radio-button label="Comedy" name="genre" />
<x-bladewind.radio-button label="Drama" name="genre" />
<x-bladewind.radio-button label="Thriller" name="genre" />
<x-bladewind.radio-button
label="I am checked by default"
checked="true"
name="check_me" />
<x-bladewind.radio-button
label="I am disabled"
disabled="true" />
The table below shows a comprehensive list of all the attributes available for the Radio Button component.
Option | Default | Available Values |
---|---|---|
name | radio | This name can be accessed when the radio button is submitted in the form. The name is also available as part of the css classes. |
label | blank | Text to be displayed next to the radio button. |
value | blank | In case you are editing a form, the value passed will be set on the value attribute of the radio button.
<input type="radio" value="" ../> |
checked | false | Determines if the radio button is checked or not. Value needs to be set as a string not boolean.true false |
disabled | false | Determines if the radio button is disabled or not. Value needs to be set as a string not boolean.true false |
class | bw-radio button | Any additonal css classes can be added using this attribute. |
<x-bladewind.radio-button
label="I agree to the terms and conditions"
checked="false"
disabled="false"
name="tnc"
value="yes"
class="shadow-sm" />
resources > views > components > bladewind > radio-button.blade.php