How Web Components Work

One of the primary purposes of choosing components is to enable everyone to use the same code base, regardless of platform. Websites using Drupal, WordPress, .Net, a custom CMS, straight html, or virtually anything else could use the same code. This will help websites on campus be consistently well designed, accessible, and adoptive of the BYU Brand.

Using Web Components

Web components are a set of web platform APIs that create new custom, reusable, encapsulated HTML tags to use in web pages. The BYU Web Components repository on Github provides those HTML tags that can be easily inserted into your existing website to instantly style and format the BYU header and footer. Many components offer several options to meet the needs of your website. You can explore those options in the Components Demo.

Though Web Components are a fairly new web technology primarily functional within Google Chrome, polyfills and rigorous testing by the BYU Web Community have made sure that the BYU components are completely cross-browser compatible in Chrome, Safari, Firefox, Edge, and even Internet Explorer 11.

To find the code snippets to include and how to use them, check out the Components Demo page. For more information on web components in general, see this article: Introduction to Web Components.


diagram of component code going into your own website