CL-web-components

CL-web-components provides a collection of Web Components used by Caltech Library across sites and projects.

The following are the components currently provided.

card-layout : This component provides a customizable three card layout for content presentation.

footer-global : This component provides a standard footer with detailed information about the library

footer-global-lite : This component provides a lighter weight version of the footer-global component

ul-a-to-z : This component takes an innerHTML containing a UL list. The UL list is then turned into an A to Z navigatable UL List. If JavaScript is unavailable then the innerHTML UL remains as a fallback.

textarea-csv : This is a textarea like component who's innerHTML content is CSV data. The component will display this as an editable table.

textarea-agent-list : This element wraps a textarea containing a list of agents expressed as JSON.

table-sortable : This is a component that takes an innerHTML containing table. It makes the table sortable by the column headings and provides a filter input that lets you enter text to filter by and pick a column to filter on.

Release Notes

• version: 0.0.16
• status: wip
• released: 2026-01-28

This release adds a new `<card-layout>` component for displaying three-card layouts with images, titles, descriptions, and links. The component is responsive and uses attributes to set the content values.

Authors

• Doiel, R. S.
• Smith, Twila

Maintainers

• Doiel, R. S.
• Smith, Twila

Software Requirements

• Deno >= 2.4.3 (for bundling dependencies)

Software Suggestions

• CMTools >= 0.0.40
• Pandoc >= 3.1
• PageFind >= 1.3

Runtime platform

HTML5-compatible web browser**

Related resources

• Download
• Getting Help, Reporting bugs
• LICENSE
• Installation
• About