Skip to content

Program Compare Table

Table for comparing two or more programs in collapsible sections.

Table of Contents

  1. Anatomy
  2. Usage Guidelines
  3. Accessibility
  4. WordPress
  5. Specifications
    1. Properties
  6. Changelog
  7. Related
    1. Contains
  8. Examples

Anatomy

  1. Table Header
  2. Table Rows
  3. Program Selector

Usage Guidelines

A maximum of 3 programs may be selected to compare, and only 2 are shown on mobile.

Accessibility

Aria-roles are added in to ensure that this component is interpreted as a table to screen readers.

WordPress

This component is included automatically at /compare-programs/.

Specifications

Properties

PropertyTypeDescriptionRequiredDefault

Changelog

1.27.0 (2021-12-10)

  • fix: reset selected program on submit (21737cd)
  • feat: add option to exclude selected fields (8a69c90)

1.3.0 (2020-05-08)

  • fix: add header link option (9c1a38c)

1.2.0 (2020-04-17)

  • fix: unstick header on small viewports (75b6ce2)

1.1.0

  • program-compare-table added

Contains

Other core components embedded within this template.

Examples

Default


<x-program-compare-table />