@bnnvara/metablocks

Metablocks for the BNNVARA design system

Usage no npm install needed!

<script type="module">
  import bnnvaraMetablocks from 'https://cdn.skypack.dev/@bnnvara/metablocks';
</script>

README

Metablocks

Metablocks show meta-information in a seperate block.

Design & API Documentation

DEMO Metablocks

Patterns library

Installation

npm install @bnnvara/metablocks --save

Basic Usage

import BaseMetaBlock from '@bnnvara/metablocks';

HTML Structure

<BaseMetaBlock / >

Variants

Base MetaBlock

The BaseMetaBlock is used to display meta-data on a content page.

Props

  • title: title of the brand, should be a string;
  • publicationDate: publication date of the content, should be a string;
  • brandLogo: the logo of the brand;
  • brandLogoAltText: sets the HTML alt-tag of the brandLogo, should be a string;
  • duration: displays the readingtime or duration of video/audio content, should be a string.