atomic-search-layout

This is for:

Developer
In this article

The atomic-search-layout helps organize elements in the page.

Properties

Property Attribute Description Type Default

mobileBreakpoint

mobile-breakpoint

CSS value that defines where the layout goes from mobile to desktop. e.g., 800px, 65rem.

string

DEFAULT_MOBILE_BREAKPOINT

CSS Custom Content

Name Description

--atomic-layout-max-search-box-double-suggestions-width

The maximum width that the search box suggestions will take when displaying a double list.

--atomic-layout-max-search-box-input-width

The maximum width that the search box input will take.

--atomic-layout-search-box-left-suggestions-width

When displaying a double list, the width of the left list.