7.0.3 • Published 11 months ago
@b2bfinance/tablo v7.0.3
Tablo
Display a list of products.
Installation
// with npm
npm install @b2bfinance/tablo
// with yarn
yarn add @b2bfinance/tablo
Usage
import React from "react";
import ReactDOM from "react-dom";
import { EmbedWrapper } from "@b2bfinance/tablo";
function App() {
const noOp = () => {};
return (
<EmbedWrapper
products={[]}
productsLimit={10}
filters={[]}
cta={"Get Deal"}
ribbonText={"Hot"}
onMoreDetails={noOp}
onApply={noOp}
onFilter={noOp}
/>
);
}
ReactDOM.render(
<App />,
document.querySelector("#element-to-render-products-into")
);
Theme Options
You can use style overrides from mui. Tablo named components are as follows:
TabloProductHeadingRow
TabloProductWrapper
TabloProductList
TabloProductListEmpty
TabloProductColumns
TabloProductFeaturePoint
TabloProductMoreInfoHeader
TabloProductMoreInfoBody
TabloProductMoreInfoFooter
7.0.0
11 months ago
7.0.3
11 months ago
7.0.2
11 months ago
7.0.1
11 months ago
6.0.1
3 years ago
6.0.0
3 years ago
5.0.0
3 years ago
5.0.0-beta.4
4 years ago
5.0.0-beta.3
4 years ago
5.0.0-beta.2
4 years ago
5.0.0-beta.1
4 years ago
5.0.0-beta.0
4 years ago
5.0.0-alpha.10
4 years ago
5.0.0-alpha.9
4 years ago
5.0.0-alpha.8
5 years ago
5.0.0-alpha.7
5 years ago
5.0.0-alpha.6
5 years ago