Demo
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!-- Disabled Text -->
<input class="bg-neutral-secondary-medium border border-default-medium text-fg-disabled rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs cursor-not-allowed placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" type="text" value="John" name="person[first_name]" id="person_first_name" />
<!-- Disabled Email -->
<input class="bg-neutral-secondary-medium border border-default-medium text-fg-disabled rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs cursor-not-allowed placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" type="email" value="john.doe@company.com" name="person[email]" id="person_email" />
<!-- Disabled Password -->
<input class="bg-neutral-secondary-medium border border-default-medium text-fg-disabled rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs cursor-not-allowed placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" type="password" name="person[password]" id="person_password" />
<!-- Disabled Number -->
<input class="bg-neutral-secondary-medium border border-default-medium text-fg-disabled rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs cursor-not-allowed placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" type="number" value="1234" name="person[unique_visitors]" id="person_unique_visitors" />
<!-- Disabled Tel -->
<input class="bg-neutral-secondary-medium border border-default-medium text-fg-disabled rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs cursor-not-allowed placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" type="tel" value="123-45-678" name="person[phone_number]" id="person_phone_number" />
<!-- Disabled Url -->
<input class="bg-neutral-secondary-medium border border-default-medium text-fg-disabled rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs cursor-not-allowed placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" type="url" value="https://flowbite.com" name="person[website_url]" id="person_website_url" />
<!-- Disabled Text Area -->
<textarea class="block w-full bg-neutral-secondary-medium rounded-base border border-default-medium text-fg-disabled cursor-not-allowed shadow-xs placeholder:text-fg-disabled px-3 py-2.5 text-sm" disabled="disabled" name="person[company]" id="person_company">
Flowbite</textarea>
<!-- Disabled File -->
<input class="block w-full text-fg-disabled border border-default-medium rounded-base cursor-not-allowed bg-neutral-secondary-medium text-sm" disabled="disabled" type="file" name="person[avatar]" id="person_avatar" />
<!-- Disabled Check Box -->
<input name="person[confirmation]" disabled="disabled" type="hidden" value="0" autocomplete="off" /><input class="text-brand bg-neutral-secondary-medium border-default-medium rounded-sm focus:ring-brand focus:ring-2 cursor-not-allowed w-4 h-4" disabled="disabled" type="checkbox" value="1" name="person[confirmation]" id="person_confirmation" />
<!-- Disabled Checked Check Box -->
<input name="person[confirmation]" disabled="disabled" type="hidden" value="0" autocomplete="off" /><input class="text-brand bg-neutral-secondary-medium border-default-medium rounded-sm focus:ring-brand focus:ring-2 cursor-not-allowed w-4 h-4" disabled="disabled" type="checkbox" value="1" checked="checked" name="person[confirmation]" id="person_confirmation" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
# Disabled Text
render(Flowbite::Input.new(attribute: :first_name, form: form, disabled: true))
# Disabled Email
render(Flowbite::Input::Email.new(attribute: :email, form: form, disabled: true))
# Disabled Password
render(Flowbite::Input::Password.new(attribute: :password, form: form, disabled: true))
# Disabled Number
render(Flowbite::Input::Number.new(attribute: :unique_visitors, form: form, disabled: true))
# Disabled Tel
render(Flowbite::Input::Phone.new(attribute: :phone_number, form: form, disabled: true))
# Disabled Url
render(Flowbite::Input::Url.new(attribute: :website_url, form: form, disabled: true))
# Disabled Text Area
render(Flowbite::Input::Textarea.new(attribute: :company, form: form, disabled: true))
# Disabled File
render(Flowbite::Input::File.new(attribute: :avatar, form: form, disabled: true))
# Disabled Check Box
render(Flowbite::Input::Checkbox.new(attribute: :confirmation, form: form, disabled: true))
# Disabled Checked Check Box
person.confirmation = true
render(Flowbite::Input::Checkbox.new(attribute: :confirmation, form: form, disabled: true))

No notes provided.

No params configured.