Getting Started
Types
Components
Components And Their Props
App Wrapper
NakkeiAppWrapperProps | MainContextProps
children:
ReactNode
placeholderImage:
string
siteDetails:
SiteDetails
contacts:
Array<
Addresses
>
theme:
Theme
sharedData:
SharedData
methods:
AppMethods
settings:
StoreSettings
Required Components
NakkeiNavBar
navs:
Array<
NavItem
>
layout:
NavbarLayout
siteDetails:
SiteDetails
contacts:
Addresses
isPreview?:
boolean
view?:
'mobile'
|
'desktop'
NakkeiFooter
layout:
FooterLayout
siteDetails:
SiteDetails
NakkeiLanding
layout:
LandingLayout
images:
LandingImages
siteDetails:
SiteDetails
departments:
Array<
ProductDepartment
>
Optional Components
NakkeiCTA
layout?:
Array<
CTA
>
NakkeiProductList
layout?:
LandingLayout
title:
string
viewMore?:
()=>void
productList:
Array<
Product
>
NakkeiServiceList
layout?:
ServiceListLayout
title:
string
viewMore?:
()=>void
serviceList:
Array<
Service
>
NakkeiTripList
layout?:
LandingLayout
title:
string
viewMore?:
()=>void
tripList:
Array<
Trip
>
NakkeiProductModal
layout?:
ProductPageSection
product:
Product
images:
Array<
ImageObject
>
features:
Array<
ProductFeature
>
consumables:
Array<
Product
>
similarProducts:
Array<
Product
>
closeModal:
()=>void
Required Pages
NakkeiAboutPage
layout?:
AboutPageSection
brand:
ProductBrand
productList:
Array<
Product
>
NakkeiContactPage
layout?:
ContactPageSection
brand:
ProductBrand
productList:
Array<
Product
>
NakkeiListingSectionPage
layout?:
ListingSectonPageSection
productList?:
Array<
Product
>
tripList?:
Array<
Trip
>
serviceList?:
Array<
Service
>
Optional Pages
NakkeiServiceDetailsPage
layout?:
ServiceDetailsPageSection
service:
Service
images:
Array<
ImageObject
>
NakkeiProductPage
layout?:
ProductPageSection
product:
Product
images:
Array<
ImageObject
>
features:
Array<
ProductFeature
>
consumables:
Array<
Product
>
similarProducts:
Array<
Product
>
NakkeiProjectsPage
layout?:
ProjectsPageSection
projects:
Array<
Project
>
page:
string
changePage:
(
number
)=>void
loading?:
boolean
NakkeiProjectDetailsPage
layout?:
ProjectDetailsPageSection
project:
Project
images:
Array<
ImageObject
>
NakkeiTripDetailsPage
layout?:
ServiceDetailsPageSection
trip:
Trip
images:
Array<
ImageObject
>
NakkeiBrandPage
layout?:
BrandPageSection
brand:
ProductBrand
productList:
Array<
Product
>