<button class="c-button c-button--small">
<span>Btn label</span>
</button>
<button class="c-button {% if modifier %}{{ modifier }}{% endif %}">
<span>{{ label }}</span>
{% if icon %}{% include '@icon-arrow' %}{% endif %}
</button>
{
"items": [
{
"imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
"img": {
"src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
"alt": "progetto 01"
},
"link": {
"url": "http://emmaboshi.net/extra/bollettino-boshi",
"label": "Vai al progetto"
},
"title": "Bollettino Boshi",
"abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
},
{
"imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
"img": {
"src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
"alt": "progetto 01"
},
"link": {
"url": "http://emmaboshi.net/extra/bollettino-boshi",
"label": "Vai al progetto"
},
"title": "Franco Bottiato",
"abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
},
{
"imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
"img": {
"src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
"alt": "progetto 01"
},
"link": {
"url": "http://emmaboshi.net/extra/bollettino-boshi",
"label": "Vai al progetto"
},
"title": "Radio Boshi",
"abstract": "Un canale Telegram di messaggi vocali inaspettati."
}
],
"_keys": [
"type",
"items"
],
"type": "post-preview",
"label": "Btn label",
"modifier": "c-button--small"
}
# Button
Varianti:
- button (default) sfondo blu filled
- button (--outlined) trasparente con border nero
`c-button` utilizzato sia per i `<button>` che per le ancore vecchia scuola `<a>`.
Variante small (extra)