Laioutr UI

Location

Components for store-locator and location-finder surfaces. Composes the ui-kit opening-hours primitives with commerce-flavored card layouts.

Overview

The Location group covers storefront components for showing a physical store, restaurant, doctor's office, or any other place a shopper might visit. The cards compose the opening-hours primitives from ui-kit with commerce-flavored chrome: a single-line address, a distance string, feature pills (drive-through, accessibility, parking), and action buttons that wire to phone, navigation, and detail links.

The opening-hours primitives themselves live in ui-kit because OpeningHours is a Schema.org-style general concept (offices, doctors, restaurants, not commerce-specific). The components in this group encode the storefront placement decisions on top of those primitives.

Included components

Location Finder

Composite store-locator with search, filters, a list panel, and a Google Maps view. Side-by-side at desktop, tabbed at mobile.

Location Detail

Single-store detail layout. Top-of-page map plus a slot for header, info list, and any other store-detail content.

Location Card

Compact card for a single store. Two variants: a row-style list card for directories, and a mapPopup card for map markers.

OpeningStatus: the open/closed summary that appears inside each card.
OpeningHoursWeeklyTable: the full weekly schedule for a location-detail page.
OpeningHours type: the shape connectors produce for opening-hours data.

Edit this pageorReport an issue

Thumbnails Slider

Thumbnail slider that pairs with a primary slider, used by `ProductImageGallery` and the `Lightbox`.

Location Card

Card for a single store or location with two layouts. A row-style `list` card for store directories, and a square `mapPopup` card for map markers. Wires phone, navigation, and detail actions.

Location

Overview

Included components

Related