quote-box

1.0.0 • Public • Published

This component was bootstrapped with Direflow.

Quote Box

Enrich your home page with your daily-quote box! Give a boost of motivation to your audience and make their day brighter.

<quote-box></quote-box>

What it is?

The main purpose of this component is to deliver a powerful quote and source of motivation whenever someone enters your website.

The quote-box is a customisable, stylish block of HTML that contains the following info:

  • the QuoteBox title
  • the Quote itself
  • the Quote author
  • a button that allows a randomised change of the shown quote, while also changing the color of the box

Properties

The property parameters that are allowed to change are the following:

  • QuoteBox title - can be changed to whatever the user wishes
<quote-box quoteTitle="Your daily quote!"></quote-box>
  • Quote and Author to be shown
<quote-box quote="In a healthy body stays a healthy mind." author="Socrates"></quote-box>
  • Custom width and height of the box
<quote-box qheight=250 qwidth=400></quote-box>
  • Disable/Enable new quote button(IMPORTANT! enclose values with "")
<quote-box disableRandom="true"></quote-box>
<quote-box disableRandom="false"></quote-box>
  • Change background color on new quote(IMPORTANT! enclose values with "")
<quote-box change_color="true"></quote-box>
<quote-box change_color="false"></quote-box>

Package Sidebar

Install

npm i quote-box

Homepage

direflow.io/

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

62 kB

Total Files

3

Last publish

Collaborators

  • liviudark97