Layout Check the layout matches the blueprint

Full width input
Half width input
Quarter width input
Two-third width select
Third width select

Input properties Decoration properties

Prefilled text
Placeholder
Instructions above input
Instructions placed above the field
Prepend text
Instructions below input
Instructions placed below the field
Append text
Max length
Text is max 10 chars long, without validation

Input types Test input types

Free text
Password
URL
Email
Number
Date field
Files
Integer

Checkboxes / Radios

Checkboxes
Vertical checkboxes
Radios
Vertical radios
Inline checkboxes
Horizontal checkboxes
Inline radio
Horizontal radios

Pin

Pin 1
Pin 2
No gap, 8-char-long
Pin 3
Numeric, 8 chars long
Pin 4
Password input

Rating

Rating Field
Score between 1 star (very bad) to 8 stars (very good)

Select

Select
Required
Select Multiple
Required
A select with multiple option on

Toggle

Toggle #1
Toggle checked
Toggle #3
Instructions above the control
Toggle #4
Instructions below the control

Disclaimer

Terms of use
You must accept the ToU to use our service:
Show

Short disclaimer

Are you having a good day?

Short disclaimer
Short disclaimers may be shown directly into the form
Toggle before disclaimer
The text associated with this disclaimer toggle is set to appear below.

Toggle before disclaimer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et sodales mi. Aenean et lacus porttitor, sollicitudin tellus quis, feugiat eros. Nulla sed ultricies sem. Pellentesque bibendum nulla porttitor eros semper hendrerit. Donec pulvinar consectetur massa, in fringilla justo ultrices at. Donec mattis congue eros vel posuere. Nulla quis pellentesque nisi, non lobortis tortor. Sed mi leo, tristique sit amet nisi eget, rhoncus bibendum est.

Sed a turpis dignissim, tristique purus sit amet, molestie justo. Integer lobortis erat urna, at facilisis ex aliquam sed. Aliquam quam augue, aliquet fermentum pretium id, molestie sed felis. In aliquam eleifend cursus. Nunc fermentum velit a felis congue feugiat.

Validation

Required
Required
This input is required
Regex
Regex required for this field: `[A-Z][a-z]* [A-Z][a-z]*`
Min / Max length
4 ≤ length ≤ 10 characters (validation)
Min / Max value
Must accept
This disclaimer must be accepted:
Show
Must decline
This toggle must be accepted
Required checkboxes
Required
At least 1 option must be selected
Required radios
Required
1 option must be selected
Required next field
Depending on the value of this field, one of the following 2 fields is required
Required with field
If the above field is "accepted", this field is required.
Required without field
If the above field is "declined", this field is required.
Image
Only a jpg/png/webp under 200kB is admissible here

Create issue

Title
Required
Library version
Required
Laravel version
Required
Description

Contact

Your Email
Required
Name
Your comment
Required