3.1.3 • Published 6 months ago
@clickability/react-clickability-widget v3.1.3
react-clickability-widget
@clickability/react-clickability-widget
How to use the package
Install
npm install --save @clickability/react-clickability-widget
Usage
import React from 'react';
import { ClickabilityWidget } from '@clickability/react-clickability-widget';
// Contact Clickability at hello@clickability.com.au to get your access token
const ACCESS_TOKEN = 'EXAMPLEKEY';
const DemoComponent = () => {
return (
<div>
<ClickabilityWidget
accessToken={ACCESS_TOKEN}
modalities={modalities}
postcodes={postcodes}
billerID={billerID}
schemes={schemes}
/>
</div>
);
};
Expected Type For Props
accessToken: String
modalities: Array[String]
postcodes: Array[Integer]
billerID: String
schemes: Array[String]
noBorder: Bool [Optional],
className: String [Optional],
style: Object [Optional],
Style
// You can pass `noBorder` into the props to have a plain component without any border and shadow.
<ClickabilityWidget
{...props}
noBorder
/>
// You can pass a css class via 'className' to style the component (You don't have access on everything).
<ClickabilityWidget
{...props}
className="styled-widget"
/>
// You can also pass a styled dict via 'style' to style the component.
<ClickabilityWidget
{...props}
style={{background: 'red'}}
/>
Example modified CSS class
.styled-widget {
background: red;
border: 2px solid yellow;
}
3.1.3
6 months ago
3.0.9
1 year ago
3.1.2
1 year ago
3.1.1
1 year ago
3.0.10
1 year ago
3.1.0
1 year ago
3.0.8
1 year ago
3.0.7
1 year ago
3.0.6
1 year ago
3.0.4
1 year ago
3.0.3
1 year ago
3.0.2
1 year ago
3.0.1
1 year ago
3.0.5
1 year ago
3.0.0
1 year ago
1.2.2
1 year ago
1.2.1
1 year ago
1.2.0
1 year ago
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.20
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago