EVA Core Components

11 foundational components
<eva-alert>

Alert messages for notifications

<eva-button>

Button with multiple variants

Button
<eva-card>

Container for content grouping

<eva-chat-panel>

Chat interface panel

<eva-checkbox>

Checkbox input control

<eva-input>

Text input field

<eva-modal>

Modal dialog overlay

<eva-radio>

Radio button input

<eva-select>

Dropdown select menu

<eva-tab>

Tab panel item

<eva-tabs>

Tabbed interface container

GC Design System Components

45 Canada.ca components
<gc-accordion>

Expandable accordion sections

<gc-action-menu>

Contextual action menu

<gc-back-to-top>

Back to top button

<gc-breadcrumb>

Breadcrumb item

<gc-breadcrumbs>

Breadcrumb navigation trail

<gc-carousel>

Image carousel slider

<gc-contextual-alerts>

Context-specific alerts

<gc-data-table>

Accessible data tables

<gc-drawer>

Side drawer panel

<gc-error-summary>

Form error summary

<gc-expand-collapse>

Expand/collapse toggle

<gc-feature-tiles>

Feature highlight tiles

<gc-feedback-widget>

User feedback form

<gc-filterable-list>

Filterable content list

<gc-footer>

Page footer section

<gc-global-footer>

GC global footer

<gc-global-header>

GC global header

<gc-language-toggle>

Language switcher

<gc-loading-spinner>

Loading indicator

<gc-modal>

GC modal dialog

<gc-most-requested>

Most requested links

<gc-notification-toast>

Toast notification

<gc-page-banner>

Page banner alert

<gc-page-details>

Page metadata details

<gc-page-navigation>

Page navigation links

<gc-pagination>

Pagination controls

<gc-print-page>

Print page button

<gc-report-problem>

Problem reporting form

<gc-search-box>

Search input box

<gc-search-results>

Search results display

<gc-services-info>

Services information

<gc-side-nav>

Side navigation menu

<gc-signature>

GC official signature

<gc-site-menu>

Site menu navigation

<gc-skip-link>

Skip navigation link

<gc-skip-links>

Skip links container

<gc-social-share>

Social sharing buttons

<gc-stepper>

Step progress indicator

<gc-steps-form>

Multi-step form wizard

<gc-subway-nav>

Subway-style navigation

<gc-tabbed-interface>

Tabbed content interface

<gc-tabs>

Tab navigation

<gc-tag-filter>

Tag-based filtering

<gc-tooltip>

Contextual tooltip

<gc-topic-menu>

Topic-based menu

WET-BOEW Components

44 Web Experience Toolkit components
<wb-accordion>

WET accordion container

<wb-accordion-panel>

Accordion panel item

<wb-add-cal>

Add to calendar

<wb-archived>

Archived content banner

<wb-bgimg>

Background image

<wb-calendar>

Calendar widget

<wb-charts>

Data visualization charts

<wb-collapsible-alerts>

Collapsible alert messages

<wb-country-content>

Country-specific content

<wb-data-ajax>

AJAX data loading

<wb-data-inview>

In-viewport trigger

<wb-data-json>

JSON data display

<wb-details>

Details disclosure widget

<wb-dismissable>

Dismissable content

<wb-equalheight>

Equal height layout

<wb-exitscript>

Exit warning script

<wb-facebook>

Facebook integration

<wb-favicon>

Favicon setter

<wb-feedback>

Feedback form

<wb-fieldflow>

Dynamic form flow

<wb-filter>

Content filtering

<wb-footnotes>

Footnote management

<wb-formvalid>

Form validation

<wb-geomap>

Geographic map

<wb-lightbox>

Lightbox gallery

<wb-lightbox-item>

Lightbox item

<wb-menu>

WET menu container

<wb-menu-item>

Menu item

<wb-multimedia>

Multimedia player

<wb-overlay>

Modal overlay

<wb-pii-scrub>

PII data scrubbing

<wb-postback>

Form postback handler

<wb-prettify>

Code syntax highlighting

<wb-randomize>

Content randomizer

<wb-session-timeout>

Session timeout warning

<wb-share>

Social sharing

<wb-slideout>

Slideout panel

<wb-stepsform>

Multi-step form

<wb-tables>

Enhanced tables

<wb-tagfilter>

Tag filtering

<wb-texthighlight>

Text highlighting

<wb-toggle>

Toggle visibility

<wb-twitter>

Twitter integration

<wb-zebra>

Zebra table striping