react-advanced-banner v1.0.2

Advanced banner for ReactJS

Simple & responsive banner for ReactJS with parallax effect.

Install package

npm i react-advanced-banner

Import package

import ReactAdvancedBanner from 'react-advanced-banner';

Usage

<ReactAdvancedBanner 
            title="Awesome title!"
            body="Body description"
            image="image_url"
            parallax="true"
			shadow="0px 0px 44px 0px rgba(0, 0, 0, 0.11)"
            color="#444"
            button="Read More"
            buttonColor="#fff"
            buttonBackground="#444"
            link="/readmore"
/>

Options

• title - Title of the banner
• body - Subtitle / body text of the banner
• image - Background image URL (optional)
• background - Background color. Ex.: #000 (optional)
• parallax - Enable parallax effect (true/false) (optional)
• shadow - Box-shadow css tag. Ex.: 0px 0px 44px 0px rgba(0, 0, 0, 0.11) (optional)
• color - Title, subtitle (body) and button text color (optional)
• button - Button text
• buttonColor - Button text color (optional)
• buttonBackground - Button background color (optional)
• link - Button URL

License

This project is licensed under the MIT License.