v6.0.0

Features

Ribbon Text

There is now a ribbon over the product heading as an extra callout that the product is highlighted. The text on the ribbon can be changed using the ribbonText property.

Theme Options

You can use a custom theme by creating your own MuiTheme and using that in your ThemeProvider instead of the one exported from Tablo.

When creating your own theme there are a few Tablo specific options which must be supplied. You can see the defaults below.

{
  "productHeadingRow": {
    "logoBorder": "#eeeeee",
    "background": "transparent",
    "backgroundMobile": "white",
    "logoBackground": "white",
    "highlightedIcon": "#ffb74d"
    "ribbonBackground": "#ffb74d",
  },
  "productWrapper": {
    "bodyBackground": "white",
    "bodyBorder": "#eeeeee",
    "moreInfoColor": "#1565c0",
    "descriptionBorder": "#eeeeee"
  },
  "productColumns": {
    "border": "#eeeeee"
  },
  "productFeaturePoint": {
    "background": "#eeeeee",
    "icon": "#f06292",
    "text": null // uses the default material text color.
  },
  "productMoreInfoHeader": {
    "headerBorder": "#eeeeee"
  },
  "productMoreInfoBody": {
    "disclaimerBackground": "#eeeeee"
  },
  "productMoreInfoFooter": {
    "border": "#eeeeee"
  }
}