Element Gallery · sample-insurance

Alerts

Informational banner — neutral context.

Operation succeeded.

Heads up — review before continuing.

Something went wrong.

Input types

Text

Email

Number

Telephone

URL

Password

Search

Date

Date & time

Month

Week

Time

Color

Range (roadside radius): 25

File (single) any file

File (multiple) pick several

Number (stepped)

Textarea (notes) up to 500 chars

Select (state)

Multiselect (riders)

Select with optgroups

Radio group (contact) Email Phone Mail

Checkbox group (coverages) Liability Collision Comprehensive

Toggle (marketing opt-in)

Star rating (satisfaction)

Readonly

Disabled

Enable the dependent field

Dependent field (disabled until enabled)

Autocomplete (type a letter)

Cascade parent (region)

Cascade child (office)

Reload page

Components

Panel one content.

Coverage details

Liability, collision and comprehensive options.

Billing details

Monthly or annual; card or ACH.

Documents

Declarations, ID cards, endorsements.

Progress

Pagination widget

Advanced interactions

iframe

Shadow DOM

Drag & drop reorder

Item A
Item B
Item C
Item D

a,b,c,d

Infinite scroll

page 0

Delayed element

appears after 1.5s…

Contenteditable

Edit this text directly.

Canvas chart

Selectable + inline-edit table

Name	Plan	Premium
Bronze Auto	bronze	$312
Silver Auto	silver	$511
Gold Auto	gold	$842
Platinum Auto	platinum	$1190

0 selected