atomic-search-layout

This is for:

Developer

In this article

Note

This component was introduced in version 1.32.0.

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

Properties

Property Attribute Description Type Default

Property	Attribute	Description	Type	Default
`mobileBreakpoint`	`mobile-breakpoint`	CSS value that defines where the layout goes from mobile to desktop. For example: 800px, 65rem.	`string`	`DEFAULT_MOBILE_BREAKPOINT`

mobileBreakpoint

mobile-breakpoint

CSS value that defines where the layout goes from mobile to desktop. For example: 800px, 65rem.

string

DEFAULT_MOBILE_BREAKPOINT

Name Description

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.

--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.