Demo
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- Disabled Radio Button -->
<div class="flex">
  <div class="flex items-center h-5"><input class="text-brand bg-neutral-secondary-medium border-default-medium focus:ring-brand focus:ring-2 cursor-not-allowed w-4 h-4" disabled="disabled" type="radio" value="visible" name="person[state]" id="person_state_visible" /></div>
  <div class="ms-2 text-sm">
    <label class="font-medium text-fg-disabled" for="person_state_visible">Disabled radio</label>
  </div>
</div>
<!-- Disabled Checked Radio Button -->
<div class="flex">
  <div class="flex items-center h-5"><input class="text-brand bg-neutral-secondary-medium border-default-medium focus:ring-brand focus:ring-2 cursor-not-allowed w-4 h-4" disabled="disabled" type="radio" value="visible" checked="checked" name="person[state]" id="person_state_visible" /></div>
  <div class="ms-2 text-sm">
    <label class="font-medium text-fg-disabled" for="person_state_visible">Disabled checked</label>
  </div>
</div>
1
2
3
4
5
6
# Disabled Radio Button
render(Flowbite::InputField::RadioButton.new(attribute: :state, form: form, label: {content: "Disabled radio"}, value: "visible", disabled: true))
# Disabled Checked Radio Button
person.state = "visible"
render(Flowbite::InputField::RadioButton.new(attribute: :state, form: form, label: {content: "Disabled checked"}, value: "visible", disabled: true))

No notes provided.

No params configured.