Choosing a variant will cause content on the page to be updated.
Switzerland, with an authentic mint note, makes this drop unique, The original herbal taste par excellence. The 13-herb mix from fresh and pleasant for the mouth and throat.
<Docs title="With variants and buying options" layout="fullscreen">
<ProgressiveBackground color="rgb(255, 244, 204)" client:load>
<ProductDetailHeader {...props} client:load>
<ProductTeaser {...dummyProduct} layout="detail" slot="product-teaser" />
<ProductEscape {...productEscapeProps} slot="escape" client:idle />
<ProductVariants slot="variants" items={productVariants} />
<Fragment slot="description">
<p>
Switzerland, with an authentic mint note, makes this drop unique, The original herbal taste par
excellence. The 13-herb mix from fresh and pleasant for the mouth and throat.
</p>
</Fragment>
<Fragment slot="product-info">
<ProductDetailAccordion name="Nutrition Info" client:load>
<Table rows={productNutritionInfoDummy} layout="inline" />
</ProductDetailAccordion>
<ProductDetailAccordion name="Ingredients" client:load>
<!-- TODO: Add richtext component once finished -->
<p>Here goes text content</p>
</ProductDetailAccordion>
</Fragment>
</ProductDetailHeader>
</ProgressiveBackground>
<div style="height: 1000px"></div>
</Docs>