Skip to main content

eBay MIND Patterns

messaging

Alert Dialog
Confirm Dialog
Form Validation
Inline Notice
Input Meter
Input Validation
Page Notice
Time
Toast Dialog

input

Button
Checkbox
Combobox
Input Dialog
Listbox
Listbox Button
Menu
Menu Button
Radio
Select
Star Rating
Switch

navigation

Breadcrumbs
Fake Menu Button
Fake Tabs
Link
Pagination
Skip Navigation
Tile

disclosure

Accordion
Carousel
Details
Infotip
Lightbox Dialog
Popover
Pulldown List
Segmented Buttons
Tabs
Tooltip

MIND Patterns

messaging
input
navigation
disclosure

Lightbox Dialog

A modal window which dims out the main page behind it. Read more.

Example 1

Activate button to open the lightbox dialog.

Lightbox Dialog

Lightbox Dialog

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Updated: Aug 20th, 2021