docsify-top-banner-plugin

Get a pretty banner probably used for notifying announcements and updates

Installation

Add the following stylesheet along with your other stylesheets

<link
  rel="stylesheet"
  href="//cdn.jsdelivr.net/npm/docsify-top-banner-plugin@latest/dist/style.css"
/>

And add the following script

<script src="https://cdn.jsdelivr.net/npm/docsify-top-banner-plugin@latest/dist/index.js"></script>

In your docsify config object add the following

window.$docsify = {
...
topBanner: {
   options
},
...
}

Type : String

Default : none

It is the content which will be render as the top banner

NOTE: it should be a single line content

NOTE: It cant be empty! leaving empty will simply render an empty banner

Type : String

Default : 'span'

the html tag which will be added in the DOM to render the banner

Type : String

Default : 'fixed'

This is the banner's CSS position property.

Type : String

Default : '#deebff'

The background color of the banner

Type : String

Default : 99

The z-index of the banner

Recommended : Use position relative and zIndex = -1 when you have repo config in your docsify

Type : String

Default : '#091E42'

The primary text color of the banner

Type : String

Default : value of textColor

The primary text color of the anchor tag inside the banner

Type : String

Default : center

Alignment of the content of the banner