@bnnvara/headers

Headers for the BNNVARA design system

Usage no npm install needed!

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

README

Headers

The header represents a container for introductory content of particular brand.

Design & API Documentation

DEMO Headers

Patterns library

Installation

npm install @bnnvara/headers --save

Basic Usage

import Header from '@bnnvara/headers';

HTML Structure

<Header / >

Props

  • title: title of the brand, should be a string;
  • subtitle: subtitle, should be a string;
  • description: information about the brand, should be a string;
  • brandLogo: path to the logo of the brand, should be a string;
  • image: path to the background-image of the header, should be a string;
  • color: color of the text, should be a string;