Menu

Product signpost - Bordered

<article class="mp c-product-signpost c-product-signpost--bordered">
<a class="c-product-signpost__link" href="">Particle size analyzers</a>
<div class="c-product-signpost__wrapper">
<figure class="c-product-signpost__image">
<img src="/static/img/products-4.jpg" alt="Product image alt" />
</figure>
<div class="u-flow--3xs">
<h2 class="c-h c-h--step-0">Particle size analyzers</h2>
<div class="o-prose">
<p>The world’s leading particle size analyzers</p>
</div>
</div>
</div>
</article>
{
"title": "Particle size analyzers",
"description": "<p>The world’s leading particle size analyzers</p>",
"image": {
"src": "/static/img/products-4.jpg",
"alt": "Product image alt"
},
"link": "",
"classes": "c-product-signpost--bordered"
}

Props

Name Type Description
title string
description string
image object Image object
link string
classes string

CSS modifiers

Name Description
c-product-signpost--bordered Add a border and padding