universal-banner v0.10.1

Universal Banner

Universal Banner for use in all Gnosis sites.

Props

Usage

Import

import Banner from 'universal-banner';

Change Background Styles

    <Banner backgroundStyles={{ background: 'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)' }}>
      <p>Content</p>
    </Banner>

You can either pass a header string along with titleStyles or pass a child component.

Change Title Styles

    <Banner header="Header" titleStyles={{ color: 'red' }} />

or

    <Banner>
      <h1 style={{ color: 'red' }}>Header</h1>
    </Banner>