Inputs - Web Element Demo

Text

(Invalid)

md

lg

xl

Textarea

(Invalid)

md

lg

xl

Price

(Invalid)

md

$

lg

$

xl

$

URL

(Invalid)

md

lg

xl

Email

(Invalid)

md

lg

xl

Number

(Invalid)

md

lg

xl

One Time Code

(Invalid)

md

lg

xl

Password

(Invalid)

md

lg

xl

Phone

(Invalid)

md

lg

xl

Font

(Invalid)

md

lg

xl

Add Items

(Invalid)

md

lg

xl

Username

(Invalid)

md

https://

.test.com

unknown

lg

https://

.test.com

unknown

xl

https://

.test.com

unknown

Media Upload

(Invalid)

md

lg

xl

Select

(Invalid)

md

lg

xl

Range

(Invalid)

md

lg

xl

Color Scheme

(Invalid)

md

lg

xl

Color Picker

(Invalid)

md

Select

lg

Select

xl

Select

Date

(Invalid)

md

lg

xl

Yes / No

(Invalid)

md

Y

Yes

N

No

lg

Y

Yes

N

No

xl

Y

Yes

N

No

Multiple Choice (Single)

(Invalid)

md

A

Item 1

B

Item 2

C

Item 3

lg

A

Item 1

B

Item 2

C

Item 3

xl

A

Item 1

B

Item 2

C

Item 3

Multiple Choice (Multiple)

(Invalid)

md

A

Item 1

B

Item 2

C

Item 3

lg

A

Item 1

B

Item 2

C

Item 3

xl

A

Item 1

B

Item 2

C

Item 3

Opinion Scale

(Invalid)

md

0

1

2

3

4

5

6

7

8

9

10

Not at all likely

Neutral

Very likely

lg

0

1

2

3

4

5

6

7

8

9

10

Not at all likely

Neutral

Very likely

xl

0

1

2

3

4

5

6

7

8

9

10

Not at all likely

Neutral

Very likely

NPS

(Invalid)

md

0

1

2

3

4

5

6

7

8

9

10

lg

0

1

2

3

4

5

6

7

8

9

10

xl

0

1

2

3

4

5

6

7

8

9

10

Rating

(Invalid)

md

1

2

3

4

5

lg

1

2

3

4

5

xl

1

2

3

4

5

Ranking

(Invalid)

md

1

Item 1

2

Item 2

3

Another Item

4

Really Long Item Title Name, that I Think is too Long

5

Yet

6

Another

7

Item 10

lg

1

Item 1

2

Item 2

3

Another Item

4

Really Long Item Title Name, that I Think is too Long

5

Yet

6

Another

7

Item 10

xl

1

Item 1

2

Item 2

3

Another Item

4

Really Long Item Title Name, that I Think is too Long

5

Yet

6

Another

7

Item 10

Radio

(Invalid)

md

Option 1Option 2Option 3

lg

Option 1Option 2Option 3

xl

Option 1Option 2Option 3

Radio Button

(Invalid)

md

lg

xl

Select Custom

(Invalid)

md

lg

xl

Toggle

(Invalid)

md

Toggle Off

lg

Toggle Off

xl

Toggle Off

TimeZone

(Invalid)

md

lg

xl

Weight

(Invalid)

md

lg

xl

Checkbox

(Invalid)

md

Checkbox Label Text

lg

Checkbox Label Text

xl

Checkbox Label Text

Checkbox Multi

(Invalid)

md

Option 1

Option 2

Option 3

lg

Option 1

Option 2

Option 3

xl

Option 1

Option 2

Option 3

Markdown

(Invalid)

md

lg

xl

Array List (Media)

(Invalid)

md

lg

xl

Overlay

(Invalid)

md

Overlay Color

Edit Gradient

Preview

Overlay Opacity

Overlay Blend Mode

lg

Overlay Color

Edit Gradient

Preview

Overlay Opacity

Overlay Blend Mode

xl

Overlay Color

Edit Gradient

Preview

Overlay Opacity

Overlay Blend Mode

Gradient

(Invalid)

md

Edit Gradient

Preview

lg

Edit Gradient

Preview

xl

Edit Gradient

Preview

DropDown

(Invalid)

md

Select

lg

Select

xl

Select

© 2024 Terms of ServicePrivacy Policy