<Docs title="1 image" layout="fullscreen">
<div style="height: 200vh">
<PageHeaderHero
title={title}
breadcrumbs={breadcrumbs}
images={images.slice(0, 1)}
backgroundColor="yellow"
client:load
/>
</div>
</Docs>
<Docs title="2 images" layout="fullscreen">
<div style="height: 200vh">
<PageHeaderHero
title={title}
breadcrumbs={breadcrumbs}
images={images.slice(0, 2)}
client:load
/>
</div>
</Docs>
<Docs title="3 images" layout="fullscreen">
<div style="height: 200vh">
<PageHeaderHero
title={title}
breadcrumbs={breadcrumbs}
images={images.slice(0, 3)}
client:load
/>
</div>
</Docs>