Comparison Table [+ only]

A table for comparing multiple options, with optional CTAs.

View a live demo of this module.

Content

  • Include a heading
  • Configure as many columns as you want. In each column, you can edit:
    • The column label
    • Whether or not to highlight the column with a different background color
    • Footer text, which can be scratched out with a graphic, and can include a callout link with a background
  • Configure as many rows as you want. In each row, you can edit:
    • The row's label
    • The contents of each column, in the same order as they were configured in the Columns field. Each column in the row can be an image, a FontAwesome icon, or text (or blank)
  • Configure the accessible text of the first column containing the row labels.

Styles

  • Set Light Mode
  • Add "scanline" background style
  • Change heading alignment
  • Change highlighted column color and border radius
  • Change the row border style
  • Change the "scratch-through" graphic
  • Change icon color and height

comparison-table