Why Fiction
About
Web Elements
Account
ADVANCED
Inputs
Standard input styles
Toggle Dark Mode
Tags
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Gradient
(Invalid)
{ "value": "[empty]" }
md
Gradient Preview
No Color Stops Added
Add Color
90°
lg
Gradient Preview
No Color Stops Added
Add Color
90°
xl
Gradient Preview
No Color Stops Added
Add Color
90°
Media Library
(Invalid)
{ "value": "[empty]" }
md
Edit Background
lg
Edit Background
xl
Edit Background
Media Upload
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Text
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Textarea
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Price
(Invalid)
{ "value": "[empty]" }
md
$
lg
$
xl
$
URL
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Email
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Number
(Invalid)
{ "value": "[empty]" }
md
lg
xl
One Time Code
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Password
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Phone
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Font
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Username
(Invalid)
{ "value": "[empty]" }
md
https://
.test.com
unknown
lg
https://
.test.com
unknown
xl
https://
.test.com
unknown
Select
(Invalid)
{ "value": "[empty]" }
md
Select
lg
Select
xl
Select
Range
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Color Scheme
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Color Picker
(Invalid)
{ "value": "[empty]" }
md
Select
lg
Select
xl
Select
Date
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Yes / No
(Invalid)
{ "value": "[empty]" }
md
-
No options
lg
-
No options
xl
-
No options
Multiple Choice (Single)
(Invalid)
{ "value": "[empty]" }
md
-
No options
lg
-
No options
xl
-
No options
Multiple Choice (Multiple)
(Invalid)
{ "value": "[empty]" }
md
-
No options
lg
-
No options
xl
-
No options
Opinion Scale
(Invalid)
{ "value": "[empty]" }
md
0
1
2
3
4
5
lg
0
1
2
3
4
5
xl
0
1
2
3
4
5
NPS
(Invalid)
{ "value": "[empty]" }
md
0
1
2
3
4
5
lg
0
1
2
3
4
5
xl
0
1
2
3
4
5
Rating
(Invalid)
{ "value": "[empty]" }
md
0
1
2
3
4
5
lg
0
1
2
3
4
5
xl
0
1
2
3
4
5
Ranking
(Invalid)
{ "value": "[empty]" }
md
No Options
lg
No Options
xl
No Options
Radio
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Radio Button
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Select Custom
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Toggle
(Invalid)
{ "value": "[empty]" }
md
off
lg
off
xl
off
TimeZone
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Weight
(Invalid)
{ "value": "[empty]" }
md
1
2
3
4
5
6
7
8
9
10
lg
1
2
3
4
5
6
7
8
9
10
xl
1
2
3
4
5
6
7
8
9
10
Checkbox
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Checkbox Multi
(Invalid)
{ "value": "[empty]" }
md
No Items
lg
No Items
xl
No Items
Markdown
(Invalid)
{ "value": "[empty]" }
md
lg
xl
Array List (Media)
(Invalid)
{ "value": "[empty]" }
md
Add Item
lg
Add Item
xl
Add Item
Overlay
(Invalid)
{ "value": "[empty]" }
md
Overlay Color
Gradient Preview
No Color Stops Added
Add Color
90°
Overlay Opacity
Overlay Blend Mode
Select
Normal
Overlay
Multiply
Screen
Darken
Lighten
Color Dodge
Color Burn
Hard Light
Soft Light
Difference
Exclusion
Hue
Saturation
Color
Luminosity
lg
Overlay Color
Gradient Preview
No Color Stops Added
Add Color
90°
Overlay Opacity
Overlay Blend Mode
Select
Normal
Overlay
Multiply
Screen
Darken
Lighten
Color Dodge
Color Burn
Hard Light
Soft Light
Difference
Exclusion
Hue
Saturation
Color
Luminosity
xl
Overlay Color
Gradient Preview
No Color Stops Added
Add Color
90°
Overlay Opacity
Overlay Blend Mode
Select
Normal
Overlay
Multiply
Screen
Darken
Lighten
Color Dodge
Color Burn
Hard Light
Soft Light
Difference
Exclusion
Hue
Saturation
Color
Luminosity
DropDown
(Invalid)
{ "value": "[empty]" }
md
Select
lg
Select
xl
Select