3.1.3 • Published 2 years 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
2 years ago
3.0.9
2 years ago
3.1.2
2 years ago
3.1.1
2 years ago
3.0.10
2 years ago
3.1.0
2 years ago
3.0.8
2 years ago
3.0.7
2 years ago
3.0.6
2 years ago
3.0.4
2 years ago
3.0.3
2 years ago
3.0.2
2 years ago
3.0.1
2 years ago
3.0.5
2 years ago
3.0.0
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.0.19
3 years ago
1.0.18
3 years ago
1.0.17
3 years ago
1.0.16
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.20
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago