Layout components

Storefront shell components for headers, footers, mobile navigation, promotion bars, and navigation chrome.

Storefront shell components for headers, footers, mobile navigation, promotion bars, and navigation chrome.

Choose components by job and composition pattern. Exact props and child-part contracts stay in SDK package reference.

Public import path

Import components from @enadhq/enad-react-sdk/client/storefront.

Component docs

Playground

Open the live playground category at sdk.enad.io/components/layout when you need runtime experimentation or visual verification.

Layout components

# Layout components Storefront shell components for headers, footers, mobile navigation, promotion bars, and navigation chrome. > Choose components by job and composition pattern. Exact props and child-part contracts stay in SDK package reference. ## Public import path Import components from @enadhq/enad-react-sdk/client/storefront. ## Component docs - [EnadThemeProvider](/react-sdk/latest/components/layout/enad-theme-provider) - EnadThemeProvider - [Footer](/react-sdk/latest/components/layout/footer) - Footer - [Header](/react-sdk/latest/components/layout/header) - Header - [HeaderSection](/react-sdk/latest/components/layout/header-section) - HeaderSection - [MegaMenu](/react-sdk/latest/components/layout/mega-menu) - MegaMenu - [MobileMenuDrawer](/react-sdk/latest/components/layout/mobile-menu-drawer) - MobileMenuDrawer - [MobileNav](/react-sdk/latest/components/layout/mobile-nav) - MobileNav - [PrimaryNav](/react-sdk/latest/components/layout/primary-nav) - PrimaryNav - [PromotionBar](/react-sdk/latest/components/layout/promotion-bar) - PromotionBar - [StoreHeader](/react-sdk/latest/components/layout/store-header) - StoreHeader - [StoreNavigation](/react-sdk/latest/components/layout/store-navigation) - StoreNavigation - [UtilityNav](/react-sdk/latest/components/layout/utility-nav) - UtilityNav ## Playground Open the live playground category at [sdk.enad.io/components/layout](https://sdk.enad.io/components/layout) when you need runtime experimentation or visual verification.