Fluxbit ViewComponents
x
1
2
3
4
<div class="flex">
  <div class="flex items-center h-5"><input name="full_name" placeholder="Enter your full name" color="failure" shadow="true" type="checkbox" class="w-4 h-4 text-blue-600 bg-slate-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-slate-700 dark:border-slate-600 rounded-sm"></input></div>
<div>{class: "ml-2 text-sm"}</div>
</div>
1
2
3
4
5
6
7
8
9
render(Fluxbit::Form::CheckboxInputComponent.new(
  label: "Full Name",
  name: "full_name",
  placeholder: "Enter your full name",
  helper_text: "Helper text",
  helper_popover: "Helper popover",
  color: :failure,
  shadow: true
))

Renders a basic text input.

No params configured.