The Legumeinfo Jekyll theme supplies a copy of the @legumeinfo/web-components library and provides JavaScript for loading data from the Legumeinfo GraphQL server. When combined, these technologies allow data to be dynamically loaded and visualized within an otherwise static Jekyll site.
This page is a demonstration of ALL of the Web Components provided by the @legumeinfo/web-components library and shows how to load data into the components from the Legumeinfo GraphQL server using the JavaScript provided by the Legumeinfo Jekyll theme.
Below are examples of ALL of the components in the @legumeinfo/web-components library. User Components are components intended for use by end users and provide rich functionality. Core Components are primitive components that are used to build and enhance user components. These should not be used as stand-alone user-facing components. Examples demonstrate how multiple components can be used together to create sophisticated functionality.