@lena-codes/smartbanner-react

smartbanner-react

React component library implementing the iOS specific smart banner for all platforms

Light Theme

Dark Theme

Install

npm install --save @lena-codes/smartbanner-react

or

yarn add @lena-codes/smartbanner-react

Usage

import { SmartBanner } from '@lena-codes/smartbanner-react'

<SmartBanner
  src='enter-your-icon-here.png'
  title='MyApp'
  author='lena.codes'
  description='GET - On the Play Store'
  buttonLink='https://lena.codes'
  buttonText='View'
  onClose={() => alert('pressed the close button!')}
/>

Parameter	Type	Description
src	string	required Image source
title	string	required First line of text
author	string	required Second line of text
description	string	required Third line of text
buttonText	string	required Button text
buttonLink	string	required Button link
onClose	( ) => void	optional Function implementing the close button; if not set button is hidden
theme	'light' | 'dark'	optional Predefined color theme, defaults to 'light' if not set
background	string	optional sets the background css value; overwrites theme value
closeIconColor	string	optional sets the close icon color; overwrites theme value
textColor	string	optional sets the text color; overwrites theme value
titleColor	string	optional sets the title color; overwrites theme value
buttonColor	string	optional sets the link button color; overwrites theme value

Check it out

Build the project

npm run build

Run demo locally

npm start

License

MIT © lena-codes