Web Implementation Guidelines Group Component Builder Information (v3+)

Upgrade from Version 2

If you are upgrading from version 2, you should be able to do a swap from the old component to the new component. Most of them are a one-to-one swap, but there are a few exceptions.

Refer to the documentation of each component to see what needs to be changed with the component to move from v2 to v3.

Version 2 Component Version 3 Component
il-accordion ilw-accordion
il-accordion-panel ilw-accordion-panel
il-back-to-top ilw-back-to-top
il-breadcrumbs-page N/A [1]
il-breadcrumbs ilw-breadcrumbs
il-button class ilw-button class
il-call-to-action ilw-call-to-action
il-card ilw-card
il-clickable-card ilw-card with clickable attribute
il-footer ilw-footer
il-formatted class ilw-page [4]
il-gallery-detail N/A [3]
il-gallery N/A [3]
il-header ilw-header
il-hero ilw-hero
il-icon ilw-icon
il-image-feature ilw-columns / ilw-image-cover class
il-introduction ilw-content with introduction mode
il-lede ilw-content with lede mode
il-page-title ilw-page-title
il-pagination ilw-pagination
il-profile-card ilw-card
il-profile ilw-profile
il-quote ilw-quote
il-section-nav ilw-section-nav
il-statistic ilw-statistic
il-vertical-tab ilw-tabs
il-video-feature ilw-columns / ilw-video [2]
il-video ilw-video
  1. The il-breadcrumbs-page was used by the il-breadcrumbs. The new component doesn't use a child component.
  2. The il-image-feature and il-video-feature components have been depreciated. You can build them by using the ilw-columns component to create columns, and then fill one of the columns with an image with the ilw-image-cover class, a video, or another component.
  3. The il-gallery and il-gallery-detail components have been depreciated.
  4. The il-formatted class has been depreciated. Instead, use the ilw-page with one of the modes, based on your needs.
Web Implementation Guidelines Group Component Builder Information (v3+) Create an issue with the new toolkit builder