<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>
Product signpost - Bordered
{
"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 |